fn_registry/frontend/functions/ui/number_input.md

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, framework, props, output, tested, tests, test_file_path, file_path, emits, has_state, variant

name	kind	lang	domain	version	purity	signature	description	tags	uses_functions	uses_types	returns	returns_optional	error_type	imports	framework	props	output	tested	tests	test_file_path	file_path	emits	has_state	variant
number_input	component	ts	ui	1.0.0	impure	FnNumberInput(props: FnNumberInputProps): JSX.Element	Input numerico con min/max, step, prefijo y sufijo. Wrapper sobre Mantine NumberInput.	mantine input number form component ui				false		@mantine/core	react	name type required description value number | string false Valor actual del input name type required description onChange (value: number | string) => void false Callback cuando cambia el valor name type required description min number false Valor minimo permitido name type required description max number false Valor maximo permitido name type required description step number false Incremento/decremento por click name type required description label string false Etiqueta del input name type required description description string false Texto descriptivo debajo del input name type required description error string false Mensaje de error name type required description placeholder string false Placeholder del input name type required description prefix string false Texto prefijo dentro del input (ej: $) name type required description suffix string false Texto sufijo dentro del input (ej: kg)	Input numerico con controles de incremento, validacion y decoradores de texto	false			frontend/functions/ui/number_input.tsx		false

Ejemplo

import { FnNumberInput } from '@fn_library'

<FnNumberInput
  label="Precio"
  value={price}
  onChange={setPrice}
  min={0}
  max={10000}
  step={0.01}
  prefix="$"
  description="Precio unitario en USD"
/>

Notas

Wrapper sobre Mantine NumberInput. Soporta prefix/suffix para decorar el valor visualmente. Los controles de incremento/decremento respetan min/max/step.