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