Code source
Component checklist
Usage
Vous pouvez utiliser les classes CSS suivantes pour vos liens :
- dsa-link : base pour tous les liens
- dsa-link--on-layer : lien utilisé sur un fond Surface/Layer (voir Fondamentaux)
- dsa-link--floating-menu : lien utilisé sur un fond Surface/Contrasted (voir Fondamentaux)
- dsa-link--with-prefix : lien possédant une icône en préfixe
- dsa-link--with-suffix : lien possédant une icône en suffixe
- dsa-link--standalone : lien hors bloc de texte (non-souligné)
- dsa-link--skip-content : lien d’évitement de contenu (caché lorsqu’il n’a pas le focus)
<a href="/" class="dsa-link">Lien</a>
Dans sa version soulignée (sans dsa-link--standalone), le lien doit être placé à l’intérieur d’un élément avec display block, inline ou inline-block, afin de ne pas modifier la hauteur du contenant au hover.