# Input Phone

Permite ao usuário escolher um código de área e inserir um número de telefone.

TIP

Para utilizar os dados padrões, utilize

import countries from '@zoox-ui/data/countries.json'

Example

Opções

small

medium

large

# Props

Prop name	Description	Type	Default
clearable	Adiciona funcionalidade de "limpar" o input	`boolean`	`false`
countries	Países possíveis utilizando a estrutura (ver exemplo)	`array`	`[]`
currentCountry	País atual selecionado (usado para aplicar a máscara)	`string`	`undefined`
disabled	Flag para desabilitar o campo	`boolean`	`false`
errorMessages	Mensagens de erro para serem exibidas	`array`	`[]`
hideDetails	Flag para esconder os os detalhes (div de mensagens de validação/hint)	`boolean,string`	`false`
hint	Dica para ser colocada em baixo do input.	`string`	`undefined`
isMobile	Flag para utilizar a flag mobile	`boolean`	`false`
label	Label	`number,string`	`undefined`
large	Flag para indicar que o input deve ser grande (defaults: {mobile: true, desktop: false})	`boolean`	`undefined`
medium	Flag para indicar que o input deve ser médio (defaults: {mobile: false, desktop: true})	`boolean`	`undefined`
placeholder	Placeholder	`string`	`undefined`
readonly	Flag para indicar que o campo está carregando	`boolean`	`false`
required	Flag para indicar que é um campo requerido	`boolean`	`false`
rules	Regras de validação para o valor do input	`array`	`[]`
small	Flag para indicar que o input deve ser pequeno (defaults: {mobile: false, desktop: false})	`boolean`	`undefined`
value	Valor do telefone	`string`	`''`

Event name	Properties	Description
input	value `String` - Valor digitado no input	Evento emitido ao digitar no input
change:country