Leave Yamada UI a star

Star
Yamada UIYamada UIv1.7.3

Card

Card is a component that groups and displays related information. By default, it renders a section element.

Source@yamada-ui/card

Props

CardBodyProps

CardFooterProps

CardHeaderProps

CardProps

align

Description

The CSS align-items property.

Type

UIValue<AlignItems>

colorScheme

Description

The visual color appearance of the component.

Type

"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"

Default

"primary"

direction

Deprecated

Description

The CSS flex-direction property.

Deprecated

Use flexDirection instead.

Type

UIValue<FlexDirection>

justify

Description

The CSS justify-content property.

Type

UIValue<JustifyContent>

size

Description

The size of the Card.

Type

"sm" | "md" | "normal" | "lg"

Default

"md"

variant

Description

The variant of the Card.

Type

"elevated" | "outline" | "solid" | "subtle" | "unstyled"

Default

"elevated"

Edit this page on GitHub

PreviousDataListNextStat