Back to Component Library
display React 19 + TypeScript
Badge
Pill and badge component for status indicators, counts, and feature flags.
$npx forgeui add badge
Variant:
PURPLE BADGE
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'purple' | 'cyan' | 'success' | 'warning' | 'danger' | 'purple' | Color theme variant. |
Accessibility Standards
Screen reader friendly content encapsulation.