Alerta em linha
Os alertas em linha exibem uma mensagem não modal associada a objetos em uma exibição.
Eles são frequentemente usados na validação de formulários, fornecendo um local para agregar feedback relacionado a vários campos.
Opções
#Variante neutra
- A variante neutra é o padrão para alertas em linha;
- É cinza e não tem um ícone;
- Isso é usado quando a mensagem é neutra em tom ou quando sua semântica não se encaixa em nenhuma das outras variantes.
#Variante informativa
- A variante informativa usa a cor semântica informativa (azul) e possui um ícone de "informação" para ajudar as pessoas com deficiência de visão de cores a discernir o tom da mensagem;
- Isso deve ser usado quando a mensagem precisa chamar atenção extra, em comparação com a variante neutra.
#Variante positiva
- A variante positiva usa a cor semântica positiva (verde) e tem um ícone de "marca de seleção" para ajudar aqueles com deficiência de visão de cores a discernir o tom da mensagem;
- Isso deve ser usado para informar alguém de uma função bem-sucedida ou resultado de uma ação que eles tomaram.
#Variante de aviso
- A variante de aviso usa a cor semântica do aviso (laranja) e tem um ícone de "alerta" para ajudar as pessoas com deficiência de visão de cores a discernir o tom da mensagem;
- Isso pode ser usado para alertar sobre uma situação que pode precisar ser resolvida em breve.
#Variante negativa
- A variante negativa usa a cor semântica negativa (vermelho) e tem um ícone de "alerta" para ajudar aqueles com deficiência de visão de cores a discernir o tom da mensagem;
- Isso pode ser usado para mostrar um erro ou uma falha, ou para transmitir algo que precisa ser imediatamente reconhecido ou endereçado.
Comportamentos
#Estouro de texto
- Quando o título de um alerta em linha é muito longo para o espaço horizontal disponível, ele é quebrado para formar outra linha. O ícone opcional no canto superior direito permanece alinhado com a parte superior.