Tile card

A tile card is a component that shows information about one unit of many similar units in an organised way, in an aesthetic card.

Props

1. name

   Type

   string

   Default

   *required

   Description

   the heading to be used in the card

2. desc

   Type

   string

   Default

   *required

   Description

   the description that is shown below the heading

3. imageUrl

   Type

   string

   Default

   iconName, see below

   Description

   the associated image to be display in the card

4. iconName

   Type

   enum (string)

   Default

   group

   Description

   the icon to display in case an image URL is not passed in the props

   Enums: For a comprehensive collection of valid inputs, refer to the icon list.

Example usage

import { TileCard } from 'formula_one'

Importing TileCard from formula_one

<TileCard
  name='Alohomora'
  desc='Reset passwords, no-questions asked'
  imageUrl='/path/to/image.jpg'
  iconName='cube'
/>

Using TileCard, passing all the props