Playground

Try different intl-tel-input initialisation options and see it update live.
(The URL updates with each change, so it's easy to share your setup)

Settings

These map to attributes on the <input> (vanilla JavaScript library) or props on <IntlTelInput> (framework components).

Re-initialised on every option change. initialCountryLookup enabled for a better experience. Dropdown kept open so you can see options take effect.

In this demo, the dropdown stays open after selecting a country because Keep dropdown open is enabled

In this demo, the dropdown stays open when you click the selected flag because Keep dropdown open is enabled

Type a number to see the output here

Demo controls (won't affect your own integration)

Sync demo state to config

Code snippet for initialising intl-tel-input with your (non-default) options.