---
name: ImageCard
route: /components/imagecard
menu: Components
---

import { Playground, PropsTable } from 'docz';
import ImageCard from './ImageCard';

# ImageCard

## Usage

```javascript
import { ImageCard } from '@snowpak/powpow';

export default () => (
  <ImageCard />;
);
```

## Props

<PropsTable of={ImageCard} />

## Examples

<Playground>
  <ImageCard
    link="snowpak.com"
    image="https://www.statravel.com.au/static/au_division_web_live/assets/New_Zealand_-_Caleb_Riding_-_2015.jpg"
    alt="Japan Ski Packages"
    text="Japan"
    data-cy="sp-imageCard"
    style={{
      width: '360px', // this is used for the example only
    }}
  />
</Playground>