Feedback
Notificação temporária
Toast / Snackbar
Um recado breve que confirma uma ação sem interromper o que você está fazendo.
Pronto. Alterações salvas!Pode continuar de onde parou.
×Exemplo didático · Representação visual do padrão
Quando usar
Confirmar que algo foi salvo ou copiado.
Cuidados e acessibilidade
Não coloque informações indispensáveis apenas em mensagens que desaparecem.
Partes e comportamento
Mensagem curta, ícone opcional e tempo de exibição. Pode surgir junto a uma borda da janela.
Não confunda
Um banner costuma permanecer na página. Um toast aparece temporariamente após um evento.
Exemplo de código
<!-- Preencha esta região após a ação. -->
<div role="status" aria-live="polite" id="retorno"></div>
<script>
function confirmarSalvamento() {
document.querySelector("#retorno").textContent = "Alterações salvas.";
}
</script>Trecho didático. Integre e teste no contexto do seu projeto.