Styles

• dark
• light

Props

• icon: controls icon image source
• title: the title of the card
• price: price of the item listed in the card
• unit: the unit in which the item is measured in (ex. per kilo)
• currency: the currency of the price of the item

Syntax

<Card
    icon="<https://via.placeholder.com/500>"
    title="Title"
    price="10"
    currency="£"
    unit="per kilo"
    mode="dark"
>
    <Button mode="affirmative" onClick={() => console.log("Two")}>Add to Cart</Button>
    <Button mode="light" onClick={() => console.log("Three")}>Details</Button>
</Card>