Retour

Lien (link)

Le lien permet la navigation entre une page et un autre contenu au sein de la même page, du même site ou externe. Pour les actions d’un autre type - comme la soumission d’un formulaire - il faut utiliser le composant bouton.

Documentation

Lien seul

<a class="fr-link" href="#">Label lien</a>

Lien icon à gauche

<a class="fr-link fr-fi-arrow-left-line fr-link--icon-left" href="#">Label lien</a>

Lien icon à droite

<a class="fr-link fr-fi-arrow-right-line fr-link--icon-right" href="#">Label lien</a>

Lien icon seul

<a class="fr-link fr-fi-arrow-right-line" href="#">Label lien</a>

Lien seul SM

<a class="fr-link fr-link--sm" href="#">Label lien</a>

Lien seul LG

<a class="fr-link fr-link--lg" href="#">Label lien</a>

Lien seul désactivé

<a class="fr-link" aria-disabled="true" role="link">Label lien</a>

Lien seul button

<button class="fr-link">Label lien</button>

Lien seul button désactivé

<button class="fr-link" disabled>Label lien</button>

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.