---
name: CardSquare
route: /Cards/CardSquare
menu: Cards
---

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

## CardSquare

## About

Square card for displaying events and specials.

## Basic Usage

<Playground>
  <View>
    <CardSquare
      item={{
        id: '123',
        name: 'Sample event.',
        date: '2019-02-07T15:44:17.476Z',
        venue: {
          name: 'Luxe Lounge',
        },
        ageGroup: {
          age: 21,
          ageText: '21+',
        },
        neighborhoods: {
          name: "Hell's Kitchen",
        },
        favorited: true,
      }}
      handlePress={() => alert('Tapped on the card.')}
      onViewOnMap={false}
      imageUrl={
        'https://res.cloudinary.com/bce/image/upload/v1549938653/tmg-article_default_mobile.jpg'
      }
    />
  </View>
</Playground>

## Properties

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