Filigran

Badge Example

Displays a colored badge.

Badge
Secondary
Warning
Outline
Destructive
Custom Hex
Custom HSL
Custom RGB

How to use these badges

Props

NameTypeDefaultDescription
variantenum ("default" | "secondary" | "warning" | "destructive" | "outline")"default"This changes the badge color.

Playground

Import from @filigran/ui :

Import {Badge} from '@filigran/ui'