Internationalisation

There are two aspects to the internationalisation of this plugin. The first is the country names, which are translated automatically using the native Intl.DisplayNames - just specify the locale you want using the countryNameLocale option. The second is the user interface strings (including the country search placeholder, search empty state, and various other strings for screen readers). We provide translations for these in over 40 languages - simply import the language module you need and pass it to the plugin using the i18n option, as in the example below. Alternatively, you can specify your own translations - for more details, see the readme (search for the i18n section). View all of the provided translations in action on Storybook (using the React component).

Markup

<input id="phone" type="tel">

Code

import intlTelInput from "intl-tel-input";
import { ru } from "intl-tel-input/i18n"; // Russian

const input = document.querySelector("#phone");

intlTelInput(input, {
  i18n: ru,
  initialCountry: "ru",
  countryNameLocale: "ru",
  loadUtils: () => import("/intl-tel-input/js/utils.js?1769266488485") // for formatting/placeholders etc
});