Tag - Etiquette

Les tags permettent d'organiser, de catégoriser ou de classer le contenu à l'aide de mots-clés.

Anatomie

Le composant tag est composé de plusieurs éléments dont certains ne sont visibles qu'en fonction des options de personnalisation choisies.

Conteneur

Icône de début facultatif

Libellé

Icône de fin facultatif

Icône de fermeture (pour les tags options)

Variantes

Couleurs

Afin de différentier d'un coup d'oeil les tags servant à catégoriser un contenu, 6 variantes de couleur sont disponibles : tag violet (purple), tag bleu (blue), tag orange (orange), tag rose (pink), tag jaune (yellow) et tag vert (green).

Chacune de ces variantes de couleur se déclinent entre 5 et 7 teintes.

Purple

Blue

Orange

Pink

Yellow

Green

Types

3 types de tag sont disponibles : tag de contenu, tag d’options, tag cliquable.

Tag de contenu

Ces tags sont utilisés pour afficher de la données texte.

Tag d'options

Ces tags permettent d'afficher des informations sélectionnées ou saisie par l'utilisateur. L'icône de suppression permet aux utilisateurs d'annuler le choix ou la saisie effectuée.

Tag cliquable

Ces tags offrent la possibilité à l'utilisateur d'être redirigé vers une page filtrée en fonction de la catégorie indiquée sur chacun d'eux.

Tailles

Les tags sont disponibles dans 3 tailles. Par défaut, privilégiez la taille moyenne.