Message
Permite a exibição de feedbacks claros, concisos e objetivos sobre uma ação da pessoa usuária ou com avisos do sistema - sempre no contexto da tarefa em questão.
O Message é ideal para ser usado em meio ao conteúdo da página ou dentro de outros componentes. É aconselhado usar para situações em que não exista a inserção de novos dados pela pessoa usuária, como, por exemplo, ao visitar a página ou ao visualizar uma nova seção na página.
Uso das cores
A cor vermelha deve ser usada em situações críticas e que exijam atenção total, como excluir dados, saída do sistema, desconexão, feedbacks de perda de informação, entre outros.
A cor amarela deve ser usada em situações de atenção, porém o efeito da ação não é crítico. Não acontece perda de informações ou a ação pode ser revertida.
A cor verde deve ser usada em situações de feedback positivo. Geralmente está associada a uma ação correta.
A cor roxa deve ser usada para informações, elementos ou ações de apoio, além de situações relacionadas à ajuda e suporte da ferramenta.
A cor primária deve ser usada para informar novas funcionalidades, chamando a pessoa usuária a conhecer e testar.
Boas práticas
- Atenção para o uso correto das cores nas mensagens
- Evite exibir mais de uma mensagem na tela
- Evite muitas mensagens durante o fluxo de uma tarefa. Use apenas quando necessário