Range-veld

Het range-veld slaat een numerieke waarde op die bedoeld is voor een begrensde schuifbalkachtige invoer binnen een repeater-rij.

Beste voor

• score-dimensies
• vergelijkingsschuifregelaars
• gewogen instellingen
• visuele voortgangswaarden

Schemavoorbeeld

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

Gebruik in sjabloon

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

Voorbeeld voortgang:

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

Gebruik het wanneer

Gebruik range wanneer herhaalde rijen een begrensde numerieke invoer nodig hebben in plaats van een vrij getal.

Gebruik het niet wanneer

Gebruik range niet wanneer:

• het getal geen natuurlijk min/max-gedrag heeft
• de waarde geld, een hoeveelheid of een ander domeinspecifiek getal is

Gebruik in plaats daarvan number.

Technische opmerkingen

• gebruik range wanneer het getal alleen betekenis heeft binnen een begrensde schaal
• maak de interpretatie van de schaal duidelijk in omliggende labels of de gebruikersinterface
• geef de voorkeur aan number wanneer de waarde een bedrijfshoeveelheid is in plaats van een score-achtige dimensie
• gebruik het in gestructureerde, herhalende rijen waarin elk item hetzelfde scorecontract volgt

Gerelateerd

• Herhaler
• Getal
• Kleur