Card

v2.4

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

    Source@chakra-ui/card

Props#

alignrequired

Description

The flex alignment of the card

Type
ResponsiveValue<AlignItems>

directionrequired

Description

The flex direction of the card

Type
ResponsiveValue<FlexDirection>

justifyrequired

Description

The flex distribution of the card

Type
ResponsiveValue<JustifyContent>

colorScheme

Description

The visual color appearance of the component

Type
"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "linkedin" | "facebook" | "messenger" | "whatsapp" | "twitter" | "telegram"

size

Description

The size of the Card

Type
"sm" | "md" | "lg"
Default
md

variant

Description

The variant of the Card

Type
"elevated" | "outline" | "filled" | "unstyled"
Default
elevated
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel