Gravity
Search
K

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.

Preview

Code

<Card title='Goals' loading={ loading }>
// child elements
</Card>

Props

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