Tags

Las tags se utilizan para etiquetar, organizar, clasificar y filtrar elementos. Las etiquetas tienen que ser cortas y descriptivas, no usan más de tres palabras.

Variaciones y tipos

Diferenciamos entre tags informativas y tags de filtrado.

  • Text y Text + icon
    Su uso es informativo. Estas etiquetas se utilizan para informar al usuario.
  • Filter
    La etiqueta filter se utiliza para representar filtros de una colección.

Comportamiento

Color

  • Text y Text + icon
    Las etiquetas informativas permiten los siguientes colores: Content 2, Semantic Highlight Static, Semantic Highlight
  • Filter
    La etiquetas de filtrado puede utilizarse en: Inverse, Semantic Highlight Static, Semantic Highlight

Posicionamiento y agrupación

En el caso de utilizar varias tags de forma conjunta, se distribuirán horizontalmente.
Padding: 16x