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
rangecuando 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
numbercuando 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