Card
The
<Card/>
is a universal container for grouping UI elements together. Wrap it around any child elements that you'd like to group visually. 
<Card title='Goals' loading={ loading }>
// child elements
</Card>
Prop | Description | Required | Value |
---|---|---|---|
center | align the card in the center | optional | boolean |
className | custom styles | optional | SCSS or Tailwind syle |
children | children to render | required | component(s) |
last | remove bottom margin on last card | optional | boolean |
loading | toogle the loading spinner | optional | boolean |
noPadding | remove the padding | optional | boolean |
restrictWidth | restrict the width on large screens | optional | boolean |
shadow | apply a box shadow | optional | boolean |
title | title text | optional | string |
Last modified 1d ago