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¶
name
- Type
string
- Default
*required
- Description
- the heading to be used in the card
desc
- Type
string
- Default
*required
- Description
- the description that is shown below the heading
imageUrl
- Type
string
- Default
iconName
, see below- Description
- the associated image to be display in the card
iconName
- Type
enum (string)
- Default
group
- Description
- the icon to display in case an image URL is not passed in the propsEnums: 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