Card

Properties

Name	Type	Default
level	0 \| 100 \| 200 \| 300 Set the visual depth of the card by adding a shadow	0

The Card supports space, height and width styled-system props.

<Card level={100} width="250px" height="100px">
  Content
</Card>

<Card level={100} width="250px" height="100px">
  Content
</Card>

level={0}

Card Content

level={100}

Card Content

level={200}

Card Content

level={300}

Card Content

Table of contents