- Components24
- Autocomplete
- Location Input
- Signature Input
- Signature Pad
- Credit Card
- Masked Input
- Color Picker
- Tag / Token Input
- Emoji Picker
- Transfer List
- Tree Select
- Image Upload / Dropzone
- Cron Expression Builder
- Inline Editable Field
- Sortable List Input
- Schedule / Availability Picker
- Phone Input
- Datetime Picker
- Smart Datetime Input
- File Upload
- Tags Input
- Multi Select
- Password Input
- Rating
Phone Input
International phone number input with a searchable country picker and flags.
Phone Input
International phone number input with a searchable country picker and flags.
Preview
Value: —
Features
- Returns E.164 formatted numbers (e.g. +14155552671).
- Searchable country list with flags.
- Formats as you type for the selected country.
Installation
npx shadcn@latest add https://www.shadcn-form.com/r/phone-input.json
The CLI installs every dependency listed in the registry item.
Usage
import { PhoneInput } from '@/components/ui/phone-input'const [phone, setPhone] = React.useState('')<PhoneInput defaultCountry="US" value={phone} onChange={setPhone} />