← Voltar à biblioteca
Feedback

Estado de sucesso

Success state

Confirma a conclusão de uma tarefa e indica o próximo passo.

✓Tudo pronto!

Seu projeto foi criado.

Ver projeto →

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

Quando usar

Confirmar envio, conclusão de cadastro ou outra etapa importante.

Cuidados e acessibilidade

Diga exatamente o que aconteceu; envio não significa entrega ou aprovação.

Partes e comportamento

Confirmação específica, identificação do resultado e próximo passo.

Não confunda

Confirme apenas o estado observado; aceito para processamento não equivale a concluído.

Exemplo de código

<div role="status">Seu projeto foi criado.</div>

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

Peça assim para uma IA

BIBLIOTECA UI / EXPLORAR