Needless UI

Componentes

Campo numérico

Una entrada numérica con botones de paso, con el formato de cada configuración regional.

Importación

import-number-field.ts
import { NuiNumberField, NuiNumberInput, NuiNumberStep } from '@needless-ui/angular/number-field';

NuiNumberField

Agrupa la entrada con sus botones de paso.

Selector
[nuiNumberField]

NuiNumberInput

Una entrada de texto que contiene un número, como spinbutton de ARIA.

Selector
input[nuiNumberInput]
NombreTipoPredeterminadoDescripción
valueBidireccionalnumber | nullnullEl número, o null si está vacío. También funciona con formularios.
minInputnumberValor mínimo permitido.
maxInputnumberValor máximo permitido.
stepInputnumber1Cuánto cambia el valor en un paso. Al perder el foco, el valor se ajusta a él.
formatInputIntl.NumberFormatOptions{}Opciones de Intl.NumberFormat, como { style: 'currency', currency: 'EUR' }.
localeInputstringLOCALE_IDConfiguración regional para dar formato a los números y leerlos.
disabledInputbooleanfalseDesactiva la entrada y sus botones.
stepByMétodo(count: number) => voidSube (positivo) o baja (negativo) un número de pasos.

NuiNumberStep

Un botón de paso. Mantenerlo pulsado repite la acción.

Selector
button[nuiNumberStep]
NombreTipoPredeterminadoDescripción
nuiNumberStepInputnumber1 sube un paso y -1 baja un paso.
labelInputstringNombre accesible. Por defecto, «Increase» o «Decrease».