Badge
The Badge component is a small, flexible UI element used to display short labels, statuses, or tags for filtering.
Variants
The Badge component comes in different color variants to suit various contexts.
WhiteBlackGrayBlueYellowRedPink
<Badge size="medium" variant="blue">Blue</Badge>Sizes
The Badge component is available in three sizes: small, medium, and large.
SmallMediumLarge
<Badge size="small" variant="gray">Small</Badge><Badge size="medium" variant="gray">Medium</Badge><Badge size="large" variant="gray">Large</Badge>Usage
The Badge component can be referenced using the following format:
import Badge from "../../components/Badge";