Composants

Liens

Un lien hypertexte crée un chemin vers une page web, un fichier, une adresse mail ou encore un emplacement (id) dans la page courante.

Liens dans le corps de texte

Pour les liens qui renvoient vers une ressource externe (target="_blank"), le JS ajoute une icône ainsi qu'un title pour l'accessibilité.

La contextualisation des liens est importante : il convient donc d'éviter les ancres de lien du type "En savoir plus" ou "Lien".

Filium morte multavit si sine causa quae fuerit causa mox videro interea hoc epicurus in voluptate ponit lien interne iactare vestra se repellere idque facere possimus omnis

Filium morte multavit si sine causa quae fuerit causa mox videro interea hoc epicurus in voluptate ponit lien externe iactare vestra se repellere idque facere possimus omnis

Filium morte multavit si sine causa quae fuerit causa mox videro interea hoc epicurus in voluptate ponit lien mailto iactare vestra se repellere idque facere possimus omnis

Filium morte multavit si sine causa quae fuerit causa mox videro interea hoc epicurus in voluptate ponit lien vers un document (poids - type) iactare vestra se repellere idque facere possimus omnis

Liens simples

Il est possible de sortir les liens des paragraphes pour les mettre en exergue.

Liens soulignés

Pour ce faire, ajoutez la classe link--underlined au lien.

Liens style bouton

Pour se rapprocher de l'apparence d'un bouton, combiner les classes btn, btn--style1 et btn--white.

Variation possible en ajoutant la classe btn-petal--brand-2.