A small visual label that highlights status, categorises content, or displays counts at a glance.
Loading component...
Run the following command to add this component to your project:
Import the component directly from the package:
Static UI import { Badge } from "@static-ui/ui"Common props available for this component:
| Prop | Type | Description |
|---|---|---|
| variant | "default" | "outline" | "destructive" | "secondary" | The visual style variant of the badge. |
| className | string | Additional CSS classes to apply. |