PhoneInput

Input field with integrated country selector, flag, and dialing code.

Basic PhoneInput

Default version with country dropdown, flag icon, and input field.

Current value: empty

With Pre-filled Number

You can start with a default value for quick form population.

Usage Notes

The PhoneInput combines a flag selector and phone number field.

  • The flag and code selector is powered by country-telephone-data for ISO2 codes and dialing prefixes.
  • The input supports full keyboard interaction and focus accessibility.
  • Popover supports search by country name, ISO code, or dial code.
  • The country and number fields can be easily integrated into any form validation system.