Champ Range

Le champ range stocke une valeur numerique destinee a une entree bornee de type slider dans une ligne de repeater.

Ideal pour

• dimensions de score
• sliders de comparaison
• reglages ponderes
• valeurs visuelles de progression

Exemple de schema

{ "name": "score", "label": "Score", "type": "range" }

Usage dans le template

{{#each ratings as="item"}}
  <div class="rating-bar">
    <span>{{ item.label }}</span>
    <strong>{{ item.score }}</strong>
  </div>
{{/each}}

Exemple de progression :

{{#each metrics as="item"}}
  <div class="metric-row">
    <span>{{ item.label }}</span>
    <progress value="{{ item.score }}" max="100"></progress>
  </div>
{{/each}}

Quand l'utiliser

Utilisez range lorsque des lignes repetees ont besoin d'une entree numerique bornee plutot qu'un nombre libre.

Quand ne pas l'utiliser

N'utilisez pas range lorsque :

• le nombre n'a pas de comportement naturel min/max
• la valeur represente de l'argent, une quantite ou un autre nombre specifique au domaine

Utilisez plutot number.

Notes techniques

• utilisez range lorsque le nombre n'a de sens qu'a l'interieur d'une echelle bornee
• gardez l'interpretation de l'echelle evidente dans les labels ou l'UI environnante
• preferez number quand la valeur est une quantite metier plutot qu'une dimension de score
• utilisez-le dans des lignes repetees structurees ou chaque item suit le meme contrat de notation

Related

• Repeater
• Number
• Color