Badge

Badges are used to highlight an item's status for quick recognition.

    Source@chakra-ui/layout

Props#

The Badge component composes Box component so you can pass props for Box.

colorScheme

Description

The visual color appearance of the component

Type
"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink"
Default
gray

size

Description

The size of the Badge

Type
string

variant

Description

The variant of the Badge

Type
"solid" | "subtle" | "outline"
Default
subtle

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel