← Voltar à biblioteca
Feedback

Botão em processamento

Loading button

Mostra que a ação do botão está sendo executada.

Salvando…Processamento em andamento

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

Quando usar

Evitar envios repetidos e indicar andamento após um clique.

Cuidados e acessibilidade

Mantenha o nome compreensível e restaure uma ação possível se houver falha.

Partes e comportamento

O mesmo controle de ação com um estado temporário de processamento.

Não confunda

Desabilitar um botão sozinho não explica por que a pessoa precisa esperar.

Exemplo de código

<button type="button" disabled aria-busy="true">
  Salvando…
</button>
<!-- Restaure o estado e anuncie sucesso ou erro ao finalizar. -->

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

Peça assim para uma IA

BIBLIOTECA UI / EXPLORAR