Gravity
Search
⌃K

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
last
force a bottom margin of 0
true or false
Last modified 1yr ago