Le composant "tag" est utilisé pour catégoriser ou mettre en évidence des informations avec des mots-clés. Il permet à l'utilisateur de visualiser rapidement des informations importantes ou des catégories spécifiques. Il permet de marquer et de mettre en évidence des éléments.
✅ Usage correct :
Les tags peuvent s'utiliser dans les contextes suivants:
- Dans un contenu (carte, ligne de tableau, liste ou dans des en-têtes de contenu) pour catégoriser le contenu auquel il est apposé.
- En tant que filtre, dans une page de résultats de recherche par exemple
🚫 Usage incorrect :
Ne pas utiliser le composant "tag" pour de simples décorations ou éléments purement esthétiques qui n'apportent pas de valeur fonctionnelle ou informative à l'interface
Localisation :
Placez les tags à proximité immédiate de l'élément qu'ils identifient ou marquent. Les tags peuvent être utilisés dans des listes, des cartes, des éléments de navigation, ou même des en-têtes de contenu.
Comportement général
Tags de contenu :
Ces tags n'ont aucune interaction. Ils sont utilisés pour donner une information à la section où ils sont rattachés.
Tags d'options :
Ces tags sont utilisés comme indicateurs pour les options sélectionnées dans les filtres, par exemple. Ils comportent une icône de fermeture qui permet aux utilisateurs de désélectionner ou de supprimer les options appliquées.
Tags cliquables :
Ces sont conçus pour être interactifs, offrant aux utilisateurs une manière intuitive d'explorer ou d'interagir avec le contenu et permettent la navigation vers une autre page.