Styleguide

Jauge linéaire

Ajouté à la version :

Changelog:

  • 0.1.0: Ajout du composant

Composant de base

La valeur (pourcentage) de la jauge doit être définie dans l'attribut style="width: XX%" de l'élément .gaugeLinear-inner.

<div class="gaugeLinear">
  <div class="gaugeLinear-inner" style="width: 75%"></div>
</div>

Composant de type alternatif

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

<div class="gaugeLinear gaugeLinear--alternate">
  <div class="gaugeLinear-inner" style="width: 19%"></div>
</div>

Composant de type block

Ajouter la classe de modification .gaugeLinear--block à l'élément ayant la classe .gaugeLinear afin qu'il prenne toute la largeur de son parent.

<div class="gaugeLinear gaugeLinear--block">
  <div class="gaugeLinear-inner" style="width: 75%"></div>
</div>