NumberInput

Numérico con steppers, clamp y teclado.

Con min/max y pasos

Vista previa

const [value, setValue] = useState<number | undefined>(2);

// Teclado: ArrowUp/Down, Home (min) / End (max). Vacío → undefined.
<NumberInput value={value} onValueChange={setValue} min={0} max={10} step={1} />

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

Editorial · claro

Technical · oscuro

Warm · claro

Playful · claro