Contenido
Definición
Los campos numéricos ajustables permiten introducir un valor numérico o bien escribiéndolo directamente o utilizando botones que aumentan o disminuyen el valor unidad por unidad. Se utilizan en buscadores, formularios de contacto, tramitadores...
Anatomía
Las partes del componente son:
- Etiqueta: Texto que describe la función del campo para que los usuarios sepan el contenido que se debe introducir en el campo. Si el campo es obligatorio se incluirá junto a la etiqueta un asterisco.
- Campo: Es el valor que cambia cuando el usuario ingresa un valor en el campo o utiliza los controles de restar o sumar.
- Restar: Disminuye el valor del campo en una unidad.
- Sumar: Incrementa el valor del campo en una unidad.
Tipos
Por defecto
Pautas de uso
Utiliza este componente cuando sea apropiado
- Utiliza este componente 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.
- Utiliza un campo abierto numérico cuando el valor que se vaya a introducir sea elevado o imprevisible.
- Utiliza un slider cuando haya mucha variabilidad en los valores posibles, cuando sea importante mostrar los valores mínimos y máximos que adopta el campo o cuando introducir un valor aproximado sea suficiente.
Incluye una etiqueta descriptiva
- Incluye una etiqueta clara, precisa y breve (idealmente no más de dos palabras).
Establece un valor predeterminado y controla el rango de valores admisible
- Establece un valor predeterminado para el campo cuando se deduzca de la interacción. [Ejemplo: Número de ejemplares: 1]
- Controla el rango de valores que puede tomar el campo.
- Cuando el valor no se pueda incrementar o decrementar, desactiva el elemento "sumar" o "restar" correspondiente.
- Cuando un usuario introduzca manualmente un número superior o inferior al rango definido, sustitúyelo por el número mayor o menor del rango (en su caso).
Componentes relacionados
Similar a:
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 |