Right to left

In this demo, we add dir="rtl" to the plugin container so the layout flows right-to-left. Phone numbers and dial codes are still displayed left-to-right, as that’s the standard way to write telephone numbers. We also import the Arabic locale and pass it via the i18n option, set countryNameLocale to "ar" (Arabic), and initialise the plugin with initialCountry set to Egypt.

Html

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

JavaScript

import intlTelInput from "intl-tel-input";
// Arabic
import { ar } from "intl-tel-input/i18n";

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

intlTelInput(input, {
  i18n: ar,
  // Arabic
  countryNameLocale: "ar",
  // Egypt
  initialCountry: "eg",
  loadUtils: () => import("intl-tel-input/utils"),
});