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

Toggle button component with pressed state and variant options.

## Installation

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

## Usage

```tsx
import { Toggle } from '@/components/docyrus-native/toggle';

```

## API Reference

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `pressed` | `boolean` | `false` | Toggle pressed state |
| `onPressedChange` | `(pressed: boolean) => void` | — | State change handler |
| `children` | `ReactNode` | — | Toggle content |
| `variant` | `'default' \| 'outline'` | `'default'` | Visual style variant |
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Toggle size |
| `disabled` | `boolean` | `false` | Disable interaction |
| `className` | `string` | — | Additional CSS classes |
| `textClassName` | `string` | — | Text CSS classes |
| `accessibilityLabel` | `string` | — | Accessibility label |

## Type Exports

| Type | Description |
|------|-------------|
| `ToggleProps` | Props for Toggle component |
| `ToggleVariant` | `'default' \| 'outline'` |
| `ToggleSize` | `'sm' \| 'md' \| 'lg'` |