Styleguide

Liste de Filtres

Ajouté à la version :

Changelog:

  • 0.1.0: Ajout du composant

L'élément de liste de filtre est un groupe de bouton radio avec icones, permettant par exemple de passer d'un layout à l'autre

<ul class="filtersList">
  <li class="filtersList-element">
    <input type="radio" name="filterList-audience" id="filterList-audience-list" checked="true">
    <label class="filtersList-element-button" for="filterList-audience-list">
      <span class="filtersList-element-button-text">Affichage en liste</span>
      <span class="icon icon--layoutList"></span>
    </label>
  </li>
  <li class="filtersList-element">
    <input type="radio" name="filterList-audience" id="filterList-audience-blocks">
    <label class="filtersList-element-button" for="filterList-audience-blocks">
      <span class="filtersList-element-button-text">Affichage en blocs</span>
      <span class="icon icon--layoutBlocks"></span>
    </label>
  </li>
</ul>