Skip to content

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