# rn-phone-input
URL: /docs/native/docyrus/phone-input

Phone number input with country code picker and search.

## Installation

```bash
pnpm dlx @docyrus/cli add @docyrus/rn-phone-input
```

## Usage

```tsx
import { PhoneInput } from '@/components/docyrus-native/phone-input';

```

## API Reference

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `value` | `string` | `''` | Phone number |
| `onValueChange` | `(value: string) => void` | — | Value change handler |
| `countryCode` | `string` | `'US'` | Selected country code |
| `onCountryCodeChange` | `(code: string) => void` | — | Country change handler |
| `countries` | `CountryCode[]` | 15 defaults | Country list |
| `placeholder` | `string` | `'Phone number'` | Placeholder text |
| `disabled` | `boolean` | `false` | Disable interaction |
| `invalid` | `boolean` | `false` | Show invalid state |
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Input size |
| `className` | `string` | — | Additional CSS classes |
| `inputClassName` | `string` | — | TextInput CSS classes |
| `accessibilityLabel` | `string` | — | Accessibility label |

### CountryCode

| Property | Type | Description |
|----------|------|-------------|
| `code` | `string` | ISO country code (e.g. `'US'`) |
| `dialCode` | `string` | Dial code (e.g. `'+1'`) |
| `flag` | `string` | Flag emoji |
| `name` | `string` | Country name |

## Type Exports

| Type | Description |
|------|-------------|
| `PhoneInputProps` | Props for PhoneInput component |
| `PhoneInputSize` | `'sm' \| 'md' \| 'lg'` |
| `CountryCode` | Country code entry type |