Badge
Acima do ícone sem número
Usado em notificações ou quando a contagem de novos itens for irrelevante. Neste caso, o badge não tem informação dentro dele.
Acima do ícone com número
Contabiliza valores entre 1 e 99. A partir de 100, deve ser usado o sinal de "+" após o segundo dígito.
Ao lado de texto (diferente das Tags)
O Badge também pode ser aplicado ao lado de textos, para indicar quantidade ou mudança na quantidade de uma informação.
Dentro do componente Button ou IconButton
Sem elementos filhos
Tipos
Neutro
Contabilização de algo de forma neutra.
Atenção
Contabilização de algo que tenha um nível de criticidade, ou seja, é algo que deve ser visto o quanto antes. Exemplo: Itens removidos, problemas, erros encontrados, notificações, entre outros.
Sucesso
Contabilização de algo que tenha impacto positivo ou indique sucesso.
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.