Faixa de alerta
Os banners de alerta mostram mensagens de pressão e sinal alto, como alertas do sistema. Eles devem ser notados e levar os usuários a agir.
Opções
#Texto
- Todos os diálogos devem ter um título;
- O texto é obrigatório para todos os banners de alerta;
- A mensagem deve ser concisa e, se aplicável, descrever o próximo passo que um usuário pode dar.
#Variantes semânticas
- Um banner de alerta sempre tem um significado semântico e usa cores semânticas;
- Apenas cinza (neutro), azul (informativo) e vermelho (negativo) estão disponíveis como opções.
#Acionável
- Idealmente, fornece uma maneira de um usuário resolver um problema de acordo com uma ação;
- Ele pode ter um botão de fechar apenas com ícone e um botão com uma ação contextual a ser executada;
- Nunca deve haver mais de um botão com uma ação contextual em um banner de alerta.
#Dispensável
- Um banner de alerta pode incluir um botão de fechar somente com ícone para dispensá-lo.
Comportamentos
#Estouro de texto
- Quando o texto é muito longo para o espaço horizontal disponível, ele quebra para formar outra linha;
- Em banners de alerta acionáveis, o botão se move abaixo do texto antes da quebra de texto.