Input Phone

International phone input with a searchable country selector. Auto-formats the number for the chosen country and emits a parsed E.164 string.

Default

Country selector + formatted number input.

Import the parts you need from the component's folder.

import { InputPhone } from "@/components/ui/input-phone";

Pair with a Label for a complete form field.

Phone number

Pass required to mark the inner input required.

Prop	Type	Default	Description
`modelValue`	`string`	`""`	E.164-formatted phone string. Supports v-model.
`required`	`boolean`	`false`	Mark the inner input required.

Event	Description
`update:modelValue`	Fires with the parsed phone string. Enables v-model.