Docs Components
Typography
Badge

Badge

The Badge component is used to highlight text.

Import

import { Badge } from "valliumui";

Usage


Badge
<Badge>Badge</Badge>

Badge variant

Use the variant property to change the visual style of the Badge. Valid values are outlined, filled, combed.


FilledOutlinedCombed
<Card row gap="4">
    <Badge variant="filled">Filled</Badge>
    <Badge variant="outlined">Outlined</Badge>
    <Badge variant="combed">Combed</Badge>
</Card>
Get startedText