# rn-badge
URL: /docs/native/components/badge

Small label component for status, categories, or counts with variant and size options.

## Installation

```bash
pnpm dlx @docyrus/cli add @docyrus/rn-badge
```

**Dependencies:**
- [react-native-reanimated](https://www.npmjs.com/package/react-native-reanimated)

## Usage

```tsx
import { Badge } from '@/components/docyrus-native/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'` |