Campo de rango

Campo de rango

El campo range almacena un valor numérico pensado para una entrada tipo deslizador con límites dentro de una fila de repeater.

Ideal para

  • dimensiones de puntuación
  • deslizadores de comparación
  • ajustes ponderados
  • valores de progreso visual

Ejemplo de esquema

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

Uso en plantillas

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

Ejemplo de progreso:

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

Cuándo usarlo

Usa range cuando las filas repetidas necesiten una entrada numérica limitada en lugar de un número de libre formato.

Cuándo no usarlo

No uses range cuando:

  • el número no tiene un comportamiento natural de mínimo/máximo
  • el valor es dinero, cantidad u otro número específico del dominio

Usa number en su lugar.

Notas técnicas

  • usa range cuando el número solo tiene significado dentro de una escala acotada
  • mantén la interpretación de la escala evidente en las etiquetas circundantes o la interfaz de usuario
  • prefiere number cuando el valor sea una cantidad de negocio en lugar de una dimensión tipo puntuación
  • úsalo dentro de filas repetidas y estructuradas donde cada elemento siga el mismo contrato de puntuación

Relacionados