Card

Card is a flexible component used to group and display content in a clear and concise format.

Props#

Description

The flex alignment of the card

Type

ResponsiveValue<AlignItems>

Description

Color Schemes for Card are not implemented in the default theme. You can extend the theme to implement them.

Type

string

Description

The flex direction of the card

Type

ResponsiveValue<FlexDirection>

Description

The flex distribution of the card

Type

ResponsiveValue<JustifyContent>

Type

"sm" | "md" | "lg"

Default

"md"

Type

"elevated" | "outline" | "filled" | "unstyled"

Default

"elevated"