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
Feedback
Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.