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='Gravity' color='purple'>
 <Children/>
</Card>

Props

Prop
Description
Required
Value

title

title text

optional

string

loading

toggle loading spinner

optional

boolean

color

background color

optional

blue (default), red, green, orange, purple or hex value

Last updated

Was this helpful?