Components
iOSAndroid
Installation
pnpm dlx @docyrus/cli add @docyrus/rn-badgeRequired Packages(1 package)
pnpm add react-native-reanimatedUsage
import { Badge } from '@/components/docyrus-native/badge';
<Badge>Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="destructive" size="lg">Error</Badge>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Badge content |
variant | 'default' | 'secondary' | 'destructive' | 'outline' | 'default' | Visual style variant |
size | 'sm' | 'md' | 'lg' | 'md' | Badge size |
className | string | — | Additional CSS classes |
textClassName | string | — | Text CSS classes |
Type Exports
| Type | Description |
|---|---|
BadgeProps | Props for Badge component |
BadgeVariant | 'default' | 'secondary' | 'destructive' | 'outline' |
BadgeSize | 'sm' | 'md' | 'lg' |