Tag: telephone

International Phone Input Field With Country Flags – VPhoneInput

VPhoneInput is a user-friendly international telephone (E.164) input field component for Vuetify and Vue JS. How to use it: 1. Import the VPhoneInput component and country flags. import Vue from ‘vue’; import VPhoneInputPlugin from ‘v-phone-input’; import ‘flag-icons/css/flag-icons.min.css’; Vue.use(VPhoneInputPlugin, { // options }); 2. Add the VPhoneInput component to the template. <template> <v-phone-input v-model=”phone” /> </template> 3. Available props for the VPhoneInput component. label: { type: as PropType<MessageResolver>, default: () => getOption(‘label’), }, ariaLabel: { type: as PropType<MessageResolver>, default: () => getOption(‘ariaLabel’), }, countryLabel: { type: as PropType<MessageResolver>, default: () => getOption(‘countryLabel’), }, countryAriaLabel: {