Docyrus
iOSAndroid
Installation
pnpm dlx @docyrus/cli add @docyrus/rn-status-chipUsage
import { StatusChip } from '@/components/docyrus-native/status-chip';
<StatusChip
label={t('task.priority-high', 'High')}
tone="danger"
emphasis="soft"
/>API Reference
StatusChipProps
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Text rendered inside the chip |
tone | 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'accent' | 'purple' | 'neutral' | Semantic color tone |
size | 'sm' | 'md' | 'lg' | 'md' | Chip density |
emphasis | 'soft' | 'solid' | 'soft' | Filled vs tinted presentation |
className | string | — | Additional wrapper classes |
labelClassName | string | — | Additional label classes |