Card

The card is a versatile 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>

Props

prop

description

value

title

title text (optional)

string

loading

shows a loading spinner (optional)

true or false

className

custom CSS object (optional)

CSS object

restrictWidth

restrict the card's with to a fixed width

true or false

shadow

apply a box shadow

true or false

center

center align the card

true or false

noPadding

remove the padding from the card

true or false

‚Äč