#Etiqueta

• Todas as dicas de ferramentas têm um rótulo. O rótulo comunica a ajuda contextual ou informações sobre componentes específicos quando um usuário passa o mouse sobre eles ou foca neles.

#Variante neutra

• Por padrão, as dicas de ferramentas são a variante neutra;
• Essas são as variantes mais comuns porque a maioria das dicas de ferramentas são usadas apenas para divulgar informações adicionais, sem transmitir um significado semântico;
• A variante neutra nunca inclui um ícone.

#Variantes semânticas

• As dicas de ferramentas também vêm em variantes semânticas: informativas (azul), positivas (verde) e negativas (vermelho);
• Estes usam cores semânticas para comunicar o significado.

#Ícone

• 3 das 4 variantes de dicas de ferramentas (informativas, positivas e negativas) podem incluir um ícone para complementar a mensagem;
• Esses ícones são predefinidos e não podem ser personalizados. A menos que esteja sendo usado para fornecer contexto sobre exatamente o mesmo ícone, uma dica de ferramenta semântica deve sempre mostrar um ícone. Fazer isso é essencial para ajudar os usuários com deficiência de visão de cores a discernir o tom da mensagem.