Marcação
As marcações permitem que os usuários categorizem o conteúdo;
Eles podem representar palavras-chave ou pessoas;
Podem ser agrupados para múltiplas seleções.
Opções
#Etiqueta
- As marcações sempre devem incluir um rótulo;
- Eles podem representar termos de pesquisa, filtros ou palavras-chave.
#Removível
- As marcações têm a opção de serem removíveis ou não;
- As marcações removíveis possuem um pequeno botão de fechar (“x”).
#Erro
- Uma marcação pode ser sinalizada como tendo um erro para mostrar que se tornou inválida.
#Desativado
- Uma marcação em um estado desativado mostra que existe, mas não está disponível nessa circunstância;
- Isso pode ser usado para manter a continuidade do layout e comunicar que uma marcação pode ser disponibilizada posteriormente.
#Somente leitura
- As marcações têm uma opção somente leitura para quando o conteúdo no estado desabilitado ainda precisar ser exibido;
- Isso permite que o conteúdo seja copiado, mas não interagido ou alterado.
Comportamento
#Estouro de texto
- Quando o texto da marcação é muito longo para o espaço horizontal disponível, ele é truncado;
- O texto completo deve ser revelado com uma dica de ferramenta ao passar o mouse.
#Estouro do grupo de tags
- Quando o espaço horizontal é limitado em um grupo de marcações, as marcações individuais são quebradas para formar outra linha.
Diretrizes de uso
#Permitir ações em massa
- Em alguns casos, é possível adicionar uma ação ao lado de um grupo de tags para fornecer uma maneira fácil de realizar uma ação em todo o grupo de uma só vez;
- Certifique-se de revelar a ação somente quando houver mais de uma tag exibida.