The i18n demo page is in javascript. What issue are you having?

from intl-tel-input.

This is React though not javascript. Ideally wanted a javascript demo if it exists... otherwise I see only way us to do custom e.g. OPTION 2: define your own custom translations

I tried to do this as I could not fine a demo. So Arabic custom. But the Arabic didn't actually display unless you did a space after the "

e.g.

 // OPTION 2: define your own custom translations

intlTelInput(input, {
i18n: {

af: " أفغانستان",

Notice the space after the "
If you omit this space it shows English.

from intl-tel-input.

This is React though not javascript

No, it isn't React. What made you think that?

from intl-tel-input.

Sorry my mistake I got confused along the way. I found your demo with import didn't actually work though. I had to do the following below this to get the Russian demo to work. Maybe it was due to running on windows hosting, but I was trying locally firstly on my mac then I uploaded sample to windows hosting and then had to make changes as below to get it working.

International Telephone Input

<script src="./build/js/intlTelInput.js"></script>
<script type="module">
  // Import named exports
  import { countryTranslations, interfaceTranslations } from "./build/js/i18n/ru/index.js";
  
  // Import default export
  import ruTranslations from "./build/js/i18n/ru/index.js";

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

  // You can use either the named exports or the default export here
  window.intlTelInput(input, {
    // Using named exports
    i18n: { ...countryTranslations, ...interfaceTranslations },

    // Using default export
    // i18n: ruTranslations,

    initialCountry: "ru",
    utilsScript: "./build/js/utils.js",
  });
</script>

from intl-tel-input.