Number Input
Numeric input with increment/decrement controls and locale-aware formatting.
Generado a partir del código fuente público del paquete.
API
DecrementButtoncomponente
DecrementButton(props: NumberInputButtonProps): Element
Propiedades
class?string— CSS class.style?string | CSSProperties— Inline styles.
hijos: Element
IncrementButtoncomponente
IncrementButton(props: NumberInputButtonProps): Element
Propiedades
class?string— CSS class.style?string | CSSProperties— Inline styles.
hijos: Element
Inputcomponente
Input(props: NumberInputInputProps): Element
Propiedades
class?string— CSS class.onBlur?EventHandler<HTMLInputElement, FocusEvent>— Native blur event handler.onFocus?EventHandler<HTMLInputElement, FocusEvent>— Native focus event handler.placeholder?string— Placeholder text.style?string | CSSProperties— Inline styles.
NumberInputButtonPropsinterfaz
Propiedades
class?string— CSS class.style?string | CSSProperties— Inline styles.
hijos: Element
NumberInputInputPropsinterfaz
Propiedades
class?string— CSS class.onBlur?EventHandler<HTMLInputElement, FocusEvent>— Native blur event handler.onFocus?EventHandler<HTMLInputElement, FocusEvent>— Native focus event handler.placeholder?string— Placeholder text.style?string | CSSProperties— Inline styles.
NumberInputRootPropsinterfaz
Propiedades
allowMouseWheel?boolean— Whether mouse wheel adjusts the value when the input is focused.clampValueOnBlur?boolean— Whether to clamp the value to [min, max] on blur. Default: true.class?string— Container CSS class.defaultValue?number— Default value (uncontrolled).disabled?boolean— Whether the input is disabled.formatOptions?NumberFormatOptions— Intl.NumberFormat options for display formatting.id?string— Element id for label association.invalid?boolean— Whether the input is in an invalid state.locale?string— BCP 47 locale string for number formatting.max?number— Maximum allowed value.min?number— Minimum allowed value.name?string— Form field name.onValueChange?(value: number, details: { … }) => void— Called when the value changes.readOnly?boolean— Whether the input is read-only.required?boolean— Whether the input is required.step?number— Step size for increment/decrement.style?string | CSSProperties— Container inline styles.value?number— Current value (controlled).
hijos: Element
Rootcomponente
Root(props: NumberInputRootProps): Element
Propiedades
allowMouseWheel?boolean— Whether mouse wheel adjusts the value when the input is focused.clampValueOnBlur?boolean— Whether to clamp the value to [min, max] on blur. Default: true.class?string— Container CSS class.defaultValue?number— Default value (uncontrolled).disabled?boolean— Whether the input is disabled.formatOptions?NumberFormatOptions— Intl.NumberFormat options for display formatting.id?string— Element id for label association.invalid?boolean— Whether the input is in an invalid state.locale?string— BCP 47 locale string for number formatting.max?number— Maximum allowed value.min?number— Minimum allowed value.name?string— Form field name.onValueChange?(value: number, details: { … }) => void— Called when the value changes.readOnly?boolean— Whether the input is read-only.required?boolean— Whether the input is required.step?number— Step size for increment/decrement.style?string | CSSProperties— Container inline styles.value?number— Current value (controlled).
hijos: Element