Formulários

Field with status icon

Uma entrada rotulada cuja borda final mostra um pequeno ícone de verificação ou aviso que desaparece no momento em que a validade do campo muda, sem alterar o layout.

Email address

Looks good.

Como usar Field with status icon

Uma entrada rotulada cuja borda final mostra um pequeno ícone de verificação ou aviso que desaparece no momento em que a validade do campo muda, sem alterar o layout.

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: label, value, state, required

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

1964Focus Guard FormFormuláriosUm formulário que, em caso de falha no envio, cancela o envio, move o foco do teclado diretamente para o primeiro campo inválido e anuncia o problema para usuários de leitores de tela.

2078Validated Signup FormFormuláriosUm pequeno tempo de execução de formulário que rastreia valores, valida o desfoque e o envio, conecta erros às suas entradas e mostra um estado de envio e depois enviado.

1925Branded Code PanelFormuláriosUm painel de verificação centralizado sob um pequeno bloqueio de marca, onde um código rejeitado agita a linha uma vez, limpa-a e volta o foco para a primeira caixa.

1974Grouped Code BoxesFormuláriosUm campo de código único de dígitos individuais divididos em dois grupos por um fino divisor central, com um sinal de intercalação piscando marcando a caixa aguardando entrada.

1987Labeled field blockFormuláriosUm wrapper de campo de formulário que emparelha um rótulo, controle, dica e mensagem de erro, alternando entre layouts empilhados e side-by-side à medida que o contêiner se estreita.

2006One Question WizardFormuláriosUm formulário de várias etapas que mostra uma única pergunta por vez com uma leitura do progresso, avançando apenas quando a pergunta atual tiver uma resposta válida.