Feedback
Aviso no contexto
Inline alert
Uma mensagem perto do conteúdo ao qual ela se refere.
ⓘ Confira seus dados
O endereço precisa de um número.
Exemplo didático · Representação visual do padrão
Quando usar
Explicar uma condição ou problema específico de uma seção.
Cuidados e acessibilidade
Use anúncio assertivo só para mensagens urgentes; não transforme todo aviso em alerta.
Partes e comportamento
Mensagem local, gravidade e eventual ação de recuperação.
Não confunda
Callout pode ser apenas uma nota editorial; alerta comunica uma condição que exige atenção.
Exemplo de código
<!-- Para mensagens urgentes inseridas após um evento. -->
<div role="alert">Sua sessão expirou. Entre novamente para continuar.</div>Trecho didático. Integre e teste no contexto do seu projeto.