Vue component

We now have our own Vue component! You can view a full list of all supported props here. See the validation App for a demo of how to use the validation props. To run the demos yourself, follow the instructions in the Demo section of the readme.

Demo

Code

<script setup>
  import IntlTelInput from "intl-tel-input/vue";
  import "intl-tel-input/styles";
</script>

<template>
  <IntlTelInput
    @changeNumber="number = $event"
    @changeValidity="isValid = $event"
    @changeErrorCode="errorCode = $event"
    :options="{
      initialCountry: 'us',
      loadUtils: () => import('/intl-tel-input/js/utils.js?1769266488485'),
    }"
  />
</template>