Badge
Displays compact metadata, identifiers, and categorical labels.
@rivetui/badgePreview
Explore each composition interactively, then open its code in the same context.
Default
Attach compact categorical or technical metadata to the content it describes.
Note
Keep badge labels short. Use Status instead when the value represents a changing operational state.
Release candidate
Deployment metadata for the current revision.
- Version
- v2.4.0
- Region
- fra1
- Commit
- 8f31c2a
Variants
Choose visual emphasis by meaning rather than using every variant in the same interface.
StablePreviewv2.4.0Blocked
Registry
Installation
Add the component source and its declared dependencies with the shadcn CLI.
Install component
bunx --bun shadcn@latest add @rivetui/badgePublic interface
API reference
Component-specific props are listed here. Native element and Base UI props continue to pass through.
| Prop | Type | Default |
|---|---|---|
variant | "primary" | "secondary" | "outline" | "destructive" | "primary" |
className | string | — |