Components · Labels & Badges
Status Pill
DeprecatedSince v0.0.1
Deprecated — use Badge. A pill indicator for status values like active, pending, error.
Deprecated — removal planned in 3.0
Use Badge instead:
<Badge variant="soft" leadingIcon={dot}> covers it. Status Pill keeps working, unchanged, until 3.0.import { StatusPill } from '@nexub/react';Examples
Default
With dot
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| labelrequired | string | — | Text displayed inside the pill. |
| tone | 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'neutral' | Semantic colour tone of the pill. |
| dot | boolean | false | Renders a small status dot before the label. Pulses automatically for success and info tones. |
On iOS & Android
Web only
Status Pill has no @nexub/react-native twin. On phones, follow the platform pattern instead, or compose it from the native components listed on the React Native page.