Ui
Badge
Small status descriptors for UI elements.
Badges are used to label items with short, descriptive information.
Usage
{/* Badge demo (component not bundled) */}Variants
{/* Badge demo (component not bundled) */}
{/* Badge demo (component not bundled) */}
{/* Badge demo (component not bundled) */}
{/* Badge demo (component not bundled) */}Customization
You can easily override styles using the class prop.
{/* Badge demo (component not bundled) */}Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'outline' | 'secondary' | 'accent' | 'default' | The visual style of the badge. |
class | string | undefined | Custom classes to merge. |