Données

Clé / valeur et code

stableClasses hb-kv hb-code mono mono--plain

Clé / valeur

hb-kv est un <dl> : clé en petit gris à gauche, valeur à droite, qui passe à une colonne sur téléphone. Pour une fiche dans un panneau latéral ou une carte.

Fournisseur: Pomona · Rennes
Bon de livraison: BL-48213
Réception: 06/11/2026 à 08:40 par A. Nguyen
État: 1 écart de poids
Remarque: Aucune

SELECT plu, libelle, prix_kg FROM produit WHERE client_id = $1 AND deleted = 0 ORDER BY libelle;

Code

<div class="hb-card hb-card-body" style="max-width:480px">
  <dl class="hb-kv">
    <dt>Fournisseur</dt><dd>Pomona · Rennes</dd>
    <dt>Bon de livraison</dt><dd><span class="mono">BL-48213</span></dd>
    <dt>Réception</dt><dd>06/11/2026 à 08:40 par A. Nguyen</dd>
    <dt>État</dt><dd><span class="hb-badge hb-badge-warning">1 écart de poids</span></dd>
    <dt>Remarque</dt><dd class="hb-muted">Aucune</dd>
  </dl>
</div>
<pre class="hb-code">SELECT plu, libelle, prix_kg FROM produit WHERE client_id = $1 AND deleted = 0 ORDER BY libelle;</pre>

Règles

Une valeur vide s'écrit « Aucune » ou « — » en hb-muted, jamais une ligne absente : la fiche garde la même forme d'un enregistrement à l'autre.
Les codes (PLU, EAN, identifiants) sont en mono ; mono--plain les garde sans fond dans une cellule ou une sous-ligne.
hb-code est borné à 60 % de la hauteur d'écran et défile ; une trace d'erreur y est lisible, voir Erreur de page.