← Voltar à biblioteca
Formulários

Botão

Button

Um controle que executa uma ação quando é ativado.

Continuar →CancelarAção principal · ação secundária

Exemplo didático · Representação visual do padrão

Quando usar

Enviar um formulário, abrir uma janela ou iniciar uma operação.

Cuidados e acessibilidade

Informe type no formulário e preserve um nome acessível compreensível.

Partes e comportamento

Rótulo de ação, área de ativação e estados de foco, pressionado e indisponível.

Não confunda

Evite uma âncora sem href para simular botão; use o elemento adequado.

Exemplo de código

<button type="submit">Salvar alterações</button>
<button type="button">Cancelar</button>

Trecho didático. Integre e teste no contexto do seu projeto.

Peça assim para uma IA

BIBLIOTECA UI / EXPLORAR