# Phone input

A phone field with a country picker, formatting as you type, and E.164 output.

- ID: `phone-input`
- Import: `animui/phone-input`
- Category: Inputs
- Runtime exports: `PHONE_COUNTRIES`, `PhoneInput`, `default`, `flagOf`, `formatNational`, `formatPhoneNumber`, `parsePhoneNumber`
- Declaration: `types/free/components/phone-input.d.ts`
- Type provenance: emitted-original-typescript
- Related: input, otp-input, combobox, select, signup-form

```tsx
import { PHONE_COUNTRIES } from 'animui/phone-input';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info phone-input` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { PHONE_COUNTRIES, PhoneInput, default, flagOf, formatNational, formatPhoneNumber, parsePhoneNumber } from '../registry/components/phone-input/phone-input.js';
export type { PhoneCountry, PhoneInputDetails, PhoneInputProps, PhoneStatus } from '../registry/components/phone-input/phone-input.js';
```