Styleguide

Ajouté à la version :
Mises à jour :

Changelog:

  • 0.1.0: Ajout du menu vertical
  • 0.0.1: Ajout du composant

Composant de base

Le menu affiche des liens de navigation.

La classe d'état .is-active permet d'highlighter l'élément .menu-link actif.

<nav class="menu">
  <ul class="menu-inner">
    <li class="menu-item"><a class="menu-link is-active" href="#">Accueil</a></li>
    <li class="menu-item"><a class="menu-link" href="#">Indicateurs</a></li>
    <li class="menu-item"><a class="menu-link" href="#">Calendrier</a></li>
  </ul>
</nav>

Composant de menu vertical

Ajouter la classe de modification .menu--vertical à l'élément ayant la classe .menu afin de modifier son style.

<nav class="menu menu--vertical">
  <ul class="menu-inner">
    <li class="menu-item"><a class="menu-link is-active" href="#">Accueil</a></li>
    <li class="menu-item"><a class="menu-link" href="#">Indicateurs</a></li>
    <li class="menu-item"><a class="menu-link" href="#">Calendrier</a></li>
  </ul>
</nav>