PinInput
PinInputs são componentes utilizados para adição de one-time passwords e códigos de 2FA
Uso
js
<CdsPinInput
v-model="inputValue"
/>Preview
Props
Nome | Tipo | Default | Opções | Descrição |
|---|---|---|---|---|
* modelValue (required) | string | '' | -- | O conteúdo do PIN. |
length | number | 4 | -- | Especifica a quantidade de caracteres no PIN. |
state | string | 'default' | default valid invalid | Especifica o estado do componente. |
visible | boolean | false | -- | Especifica se os caracteres do PIN são visíveis. |
mobile | boolean | false | -- | Especifica se o PinInput deve estar na versão mobile. |
Eventos
Nome | Descrição |
|---|---|
@update:modelValue | Evento disparado com a modificação do v-model. |