Données

Prix et poids

nouveauClasses hb-measure hb-measure-lg hb-measure-xl hb-measure--muted hb-measure--strike hb-measure--up hb-measure--down

Quand l'utiliser

Partout où un nombre a une unité : prix au kilo, poids, température, pourcentage. Les helpers Hublot.formatEUR, formatKg, formatPct produisent le texte avec les bons séparateurs (espace fine, virgule).

6,90€/kg 12,500kg 1 284,60€ HT

7,40€/kg 6,90€/kg +8,2% −1,1pt 2,1°C

Code

<div class="hb-row" style="gap:var(--space-5);align-items:baseline">
  <span class="hb-measure">6,90<small>€/kg</small></span>
  <span class="hb-measure hb-measure-lg">12,500<small>kg</small></span>
  <span class="hb-measure hb-measure-xl">1 284,60<small>€ HT</small></span>
</div>
<div class="hb-row" style="gap:var(--space-5);align-items:baseline">
  <span class="hb-measure hb-measure--strike">7,40<small>€/kg</small></span>
  <span class="hb-measure">6,90<small>€/kg</small></span>
  <span class="hb-measure hb-measure--up">+8,2<small>%</small></span>
  <span class="hb-measure hb-measure--down">−1,1<small>pt</small></span>
  <span class="hb-measure hb-measure--muted">2,1<small>°C</small></span>
</div>

Règles

Format français : virgule décimale, espace fine insécable pour les milliers, espace insécable avant l'unité et le symbole (« 1 284,60 € »).
Trois décimales pour un poids en kg, deux pour un prix, une pour une température ou un pourcentage.
Vert et rouge seulement pour une variation dont le sens est bon ou mauvais ; une température hors consigne passe par un badge, pas par la couleur du nombre.