---
name: PhotoCard
route: /Cards/PhotoCard
menu: Cards
---

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

## PhotoCard

## About

Square card for displaying features.

## Basic Usage

<Playground>
  <View style={{ flex: 1, flexDirection: 'column' }}>
    <PhotoCard
      index={0}
      imageUrl={
        'https://res.cloudinary.com/bce/image/upload/v1549938653/tmg-article_default_mobile.jpg'
      }
      handlePress={() => alert('Photo 1 pressed!')}
    />
    <PhotoCard
      index={1}
      imageUrl={
        'https://res.cloudinary.com/bce/image/upload/v1523413077/oyster_jwtxhb.png'
      }
      handlePress={() => alert('Photo 2 pressed!')}
    />
    <PhotoCard
      index={2}
      imageUrl={
        'https://res.cloudinary.com/bce/image/upload/v1523413079/bourbonstreetbar-4_teiy1k.png'
      }
      handlePress={() => alert('Photo 3 pressed!')}
    />
  </View>
</Playground>

## Properties

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