Pular para o conteúdo
fluxr
Inputs04 — ComponentesBrandbook

Inputs

Biblioteca de UI construída sobre Tailwind CSS v4 + Framer Motion. Todos os componentes seguem as regras da paleta e devem ter hover states definidos.

Básicos

01

Erros

erros02

O erro se associa ao campo por aria-describedby e o foco vai ao PRIMEIRO campo inválido. Um erro que só aparece no topo da página não é lido por quem usa leitor de tela.

Informe um e-mail com @ para a gente conseguir responder.

<input aria-invalid aria-describedby="campo-erro" /> <p id="campo-erro">…</p>

Tom da mensagem

tom03

Diga o que fazer, não o que falhou. A voz Fluxr é direta, não fria.

Use

Informe um e-mail com @ para a gente conseguir responder.

Evite

Erro: campo inválido.