Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nDocuments and Demo.\nCheck out the website for complete docs.\nVue 2 Support.\nvue-tel-input@legacy: Overview.\nChangelog.\nGo to Github Releases.\nGetting started.\n\nPut up the plugin:.\nnpm put up vue-tel-input.\n\n\nAdd the plugin into your app:.\nbring in Vue coming from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more facts on installation.\n\n\nMake use of the vue-tel-input element:.\n\n\n\n\nInstallation.\nnpm.\nnpm mount vue-tel-input.\nPut up the plugin into Vue:.\nimport createApp from 'vue'.\nbring in Application coming from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'auto',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Define nonpayment worldwide options right here (optional).\napp.mount('

app').View all on call possibilities in Props.Or even use the element directly:.
CDN and also Internet browser.If Vue is located in the Page, the plugin is put in automatically.** Or else, personally install the plugin into Vue:.app.use( home window [' vue-tel-input'].Part idle filling.Due to the fact that the public library is about 200kb of JavaScript and 100kb of CSS so as to enhance initial page packing time you might take into consideration importing it asynchronously only when user navigates to the web page where the library is really required. The technique is knowned as Careless Lots as well as you can easily utilize it in some contemporary bundlers like Webpack and also Rollup.
As you find, we don't make use of Vue SFC tag listed below to import part's css as it will lead to CSS going to the main/vendors bundle instead of being actually installed on demand.