data/@mihcm/ui·v0.21.0·stable
Badge
Small status / labelling pill. Six variants spanning informational, semantic, and outline.
Props
The full prop API for Badge. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
variant | 'default' | 'secondary' | 'destructive' | 'success' | 'warning' | 'outline' | 'default' | Visual variant. Match the badge meaning to the tone, not the brand colour. | 0.3.0 |
className | string | — | Additional Tailwind classes. | 0.3.0 |
Import
import { Badge } from '@mihcm/ui/Badge';