data/@mihcm/ui·v0.21.0·stable
StatusBadge
Small inline icon + label chip used to mark something as "Module enabled" / "No permission" / "Active". Five built-in tones plus an optional leading icon.
Props
The full prop API for StatusBadge. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
tone | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | 'neutral' | Visual tone. Pair with an icon for the same meaning — never color-only. | 0.4.0 |
icon | ReactNode | — | Optional leading icon, sized 12 px. | 0.4.0 |
className | string | — | Additional Tailwind classes; merged with `tailwind-merge`. | 0.4.0 |
Import
import { StatusBadge } from '@mihcm/ui/StatusBadge';