Campos de entrada

OTP code boxes

Uma linha de caixas de um único caractere para inserir um código de verificação, um dígito por caixa com o cursor avançando automaticamente.

Enter the 4-digit code

We sent a sign-in code to your phone ending in 41.

Masked entry

Como usar OTP code boxes

Uma linha de caixas de um único caractere para inserir um código de verificação, um dígito por caixa com o cursor avançando automaticamente.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: length, accent, masked

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2297Addon Input GroupCampos de entradaUm campo de texto envolto em um shell com borda que pode conter um ícone inicial, um botão final ou texto e compartilha um anel de foco em todo o grupo.

2108Appointment Range CardCampos de entradaUm cartão que combina uma grade de data de um único mês com um campo de hora de início e de término abaixo dela, para escolher um dia mais uma janela de tempo em um bloco compacto.

2109Appointment Scheduler CardCampos de entradaUm seletor de data único emoldurado dentro de um cartão intitulado com um botão pular para hoje no canto, projetado para agendar um compromisso.

2792Auto Grow TextareaCampos de entradaUm campo de texto de várias linhas que fica mais alto à medida que a pessoa digita mais, em vez de rolar dentro de uma caixa fixa.

2805Autosize text fieldCampos de entradaUma entrada de texto multilinha que cresce à medida que a pessoa digita, até um limite generoso, com um anel de foco de destaque e um estado desativado.

2757Avatar profile pickerCampos de entradaUm cartão de configuração de perfil: um estágio de avatar cujo anel brilhante é recolorido a cada seleção, uma faixa de miniaturas para alternar avatares e um campo de nome de usuário validado.