PubPhoneInput

This is a input component. It is used to display an input field and supports various input types, such as text, password, email, number, and more.

Default Usage

Phone number

Select ISD Code US 🇺🇸 (+1) UK 🇬🇧 (+44) IND 🇮🇳 (+91)

<template>
  <pub-phone-input
    v-model="formData.phone"
    name="phone"
    placeholder="Enter your Phone number"
    label="Phone number"
    :isd-codes="isdCodes"
  />
</template>

<script lang="ts" setup>
import { reactive } from 'vue'
import { PubPhoneInput } from 'vuelicity'

const isdCodes = [
    { code: '+1', name: 'US 🇺🇸' },
    { code: '+44', name: 'UK 🇬🇧' },
    { code: '+91', name: 'IND 🇮🇳' },
]
const formData = reactive({
    phone: '',
})
</script>