Campo range

O campo range armazena um valor numérico destinado a uma entrada do tipo controle deslizante com limites dentro de uma linha repeater.

Indicado Para

• dimensões de pontuação
• controles deslizantes de comparação
• configurações ponderadas
• valores visuais de progresso

Exemplo de Esquema

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

Uso do Template

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

Exemplo de progresso:

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

Use Quando

Use range quando linhas repetidas precisarem de uma entrada numérica limitada em vez de um número livre.

Não Use Quando

Não use range quando:

• o número não tem um comportamento natural de mínimo/máximo
• o valor é monetário, quantidade ou outro número específico de domínio

Use number em vez disso.

Notas Técnicas

• use range quando o número tem significado apenas dentro de uma escala limitada
• mantenha a interpretação da escala óbvia em rótulos ou na interface ao redor
• prefira number quando o valor for uma quantidade de negócio em vez de uma dimensão do tipo pontuação
• use-o dentro de linhas repetidas estruturadas onde cada item segue o mesmo contrato de pontuação

Relacionados

• Repetidor
• Número
• Cor