---
name: EventCard
route: /Cards/EventCard
menu: Cards
---

import { Playground, PropsTable } from 'docz'
import { EventCard } from '../../src'
import { Alert, View, Text } from 'react-native'
import { colors } from '@barcard/functions'

## EventCard

## About

Tile card view.

## Basic Usage

<Playground>
  <View style={{ flex: 1, flexDirection: 'column' }}>
    {[
      {
        title: 'Example Event 1',
        imageUrl:
          'https://res.cloudinary.com/bce/image/upload/v1549938653/tmg-article_default_mobile.jpg',
      },
      {
        title: 'Example Event 2',
        imageUrl:
          'https://res.cloudinary.com/bce/image/upload/v1523413077/oyster_jwtxhb.png',
      },
      {
        title: 'Example Event 3',
        imageUrl:
          'https://res.cloudinary.com/bce/image/upload/v1523413079/bourbonstreetbar-4_teiy1k.png',
      },
    ].map(x => (
      <EventCard
        key={x.title}
        imageUrl={x.imageUrl}
        title={x.title}
        dateText={'Tomorrow'}
        handlePress={() => alert(`Pressed ${x.title}.`)}
        wrapperStyle={{ marginBottom: 20 }}
      />
    ))}
  </View>
</Playground>

## Properties

<PropsTable of={EventCard} includeDescription={true} />
