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

Loading indicator component with size and variant options.

## Installation

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

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

## Usage

```tsx
import { Spinner } from '@/components/docyrus-native/spinner';

```

## API Reference

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Spinner size |
| `variant` | `'default' \| 'primary' \| 'secondary' \| 'destructive'` | `'default'` | Color variant |
| `color` | `string` | — | Custom color (overrides variant) |
| `speed` | `number` | `800` | Rotation speed in ms |
| `children` | `ReactNode` | — | Custom spinner icon (replaces default SVG arc) |
| `className` | `string` | — | Additional CSS classes |

## Type Exports

| Type | Description |
|------|-------------|
| `SpinnerProps` | Props for Spinner component |
| `SpinnerSize` | `'sm' \| 'md' \| 'lg'` |
| `SpinnerVariant` | `'default' \| 'primary' \| 'secondary' \| 'destructive'` |