Docyrus
iOSAndroid
Installation
pnpm dlx @docyrus/cli add @docyrus/rn-statusUsage
import { Status } from '@/components/docyrus-native/status';
<Status variant="success" text="Active" />
<Status variant="warning" text="Pending" size="sm" />
<Status variant="error" text="Failed" showDot={false} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | — | Status text to display |
variant | 'success' | 'warning' | 'error' | 'info' | 'pending' | 'default' | 'default' | Visual style variant |
size | 'sm' | 'md' | 'lg' | 'md' | Component size |
showDot | boolean | true | Show status dot indicator |
className | string | — | Additional CSS classes |
textClassName | string | — | Text CSS classes |
Type Exports
| Type | Description |
|---|---|
StatusProps | Props for Status component |
StatusVariant | 'success' | 'warning' | 'error' | 'info' | 'pending' | 'default' |
StatusSize | 'sm' | 'md' | 'lg' |