Igloo branding

Card

Cards are used to group similar concepts and tasks to make it easier for users to scan, read, and get things done.

Installation

To install @igloo-ui/card in your project, you will need to run the following command using npm:

npm install @igloo-ui/card

If you prefer Yarn, use the following command instead:

yarn add @igloo-ui/card

Usage

Then to use the component in your code just import it!

import Card from '@igloo-ui/card';

<Card>Card content</Card>;

API

PropTypeDescription
childrenReactNodeThe content to display inside the card
sizeSizeChanges the size of card, giving more or less padding
dataTeststringAdd a data-test tag for automated tests