Link - Lien

Mots hypertextes pour guider les utilisateurs vers une autre page.

Anatomie

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

Icône redirection obligatoire pour un lien externe

Libellé

Icône de fin facultatif

Lien autonome

Le lien autonome est un lien qui se présente de manière indépendante, sans être intégré au sein d'un texte.

Lien intégré

Le lien intégré désigne un lien qui est inclus dans un texte, placé au milieu d'une phrase ou d'un paragraphe.

Différentes couleurs sont appliquées au lien selon le type de l'arrière-plan.

Sur fond blanc

Sur fond gris

Sur fond contrasté

Sur menu flottant

Tailles

Les liens sont disponibles dans différentes tailles.

Pour les liens intégrés, il est recommandé d'utiliser la même taille de texte que celle utilisée pour la phrase ou le paragraphe dans lequel le lien est incorporé.

2x small - x small - small

medium - large - x large

États

Défaut

C'est l'état initial dans lequel se trouve le lien avant toute interaction.

Au survol

L'état au survol se manifeste lorsque le curseur de la souris passe au-dessus du lien.

Actif

L'état actif survient lorsque l'utilisateur engage une interaction avec le lien

Visité

Lorsqu'un lien est dans un état "visité", cela signifie que l'utilisateur a déjà interagi avec ce lien par le passé.