Skip to content
On this page

ZvInputPhoneNumber

ZvInputPhoneNumber is a standalone component

INFO

Before you have to import the global css files in your project, follow instructions in Getting Started

Prerequisites

libphonenumber-jsi18n-iso-countries
bash
npm install libphonenumber-js@1 i18n-iso-countries@2

Basic usage

v-model:
vue
<template>
  <ZvInputPhoneNumber v-model="phoneNumber" id="phone-number" name="phone-number" label="Téléphone" required />

  <span> v-model: {{ phoneNumber }} </span>
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  import ZvInputPhoneNumber from '@zadigetvoltaire/ui/components/ZvInputPhoneNumber'

  const phoneNumber = ref()
</script>