BlockReactregistry:block

Phone Input

phone-input

A design-system-native international phone input with compact country search, inferred flags, as-you-type formatting, E.164 output, and validity metadata.

@flagcn Registry JSON

This item declares no source files.

Notes from the author

onValueChange receives E.164 when parseable plus formatted, possible, valid, calling-code, and international metadata. Controlled E.164 values infer their country.

Install

npx shadcn@latest add @flagcn/phone-input

Needs @flagcn in your components.json registries — switch to URL if it doesn't resolve.

Registry: @flagcn
Kind: Block
Framework: React
Files: 0 · 6.9 KB
Preview: Unavailable

npm dependencies

libphonenumber-js

Registry dependencies

inputshadcn/ui
country-picker@flagcn

This item belongs to @flagcn. Registry Index indexes and previews it; check the registry's license before use.