API Reference

Gets called once the user updates the tel value.

The callback gives you 2 parameters:

• The new tel value stringified
• An object of different useful informations about the tel (country, extension, etc..)

Displays the calling code (e.g: +33) as read-only next to the flag and with a divider instead of as part of the input field. Needs defaultCountry prop to be defined or will default to US.

Sets the selected country on component mount

Country codes to be included in the list of countries.

Country codes to be excluded of the list of countries.

Country codes to be highlighted to the top of the list of countries.

No country list / The current flag is a span instead of a button.

An Intl locale to translate country names (see Intl locales). All countries will be translated in this language.

Remove format (spaces..) from the input value.

Autofocus the input when the user selects a country in the list.

Continent codes to include a group of countries.

This prop let you to customize the unknown flag, changed the width or height, use CDN or SVG component, etc..

The aria-label of the search input.

The placeholder of the search input.

The actived country code to be highlighted to the top of the list of countries.