Contenido
Definición
Este componente permite seleccionar un valor o rango de valores dentro de una variable continua y delimitada (números, fechas...). Para ello, utiliza uno o varios controladores que se deslizan horizontalmente sobre una pista de seguimiento. Los controles deslizantes se utilizan en interfaces de búsqueda y en cuadros de mando
Anatomía
Las partes del componente son:
- Etiqueta: Título descriptivo. Si el campo es obligatorio se incluirá un asterisco junto a la etiqueta.
- Pista de seguimiento: Línea que muestra el rango que está disponible para que un usuario seleccione.
- Controlador: Indicador de posición que se puede deslizar a lo largo de la pista de seguimiento y que muestra el valor seleccionado de su posición. Puede haber como máximo dos.
Tipos
Estándar
Permite seleccionar un solo valor.
De rango
Permite establecer un rango de valores mínimo y máximo.
Pautas de uso
Utiliza este componente cuando un valor aproximado sea suficiente
- Elige este componente cuando introducir un valor o un rango de valores aproximado sea suficiente.
- Cuando sea necesario introducir un valor exacto:
- Utiliza un campo abierto numérico si el valor es elevado o imprevisible.
- Utiliza un campo numérico incrementable en campos que no puedan tener muchos valores (p.ej. de 0-10) o que habitualmente se desvíen en pocas unidades del valor estándar.
Incluye una etiqueta descriptiva
- Incluye una etiqueta clara, precisa y breve (idealmente no más de dos palabras).
Componentes relacionados
Similar a:
- Campo abierto
- Campo numérico ajustable
- Selector
- Lista de opciones de selección única (radio button)
- Lista de opciones de selección múltiple (checkbox)
- Interruptor
Forma parte de:
Recursos asociados al componente
Implementación:
Storybook (solo accesible desde la RCJA)
Control de versiones
| Fecha | Versión | Notas |
|---|---|---|
| 20/03/2026 | 1.3 | Se incluyen definición y pautas de uso |