bug : can’t decrement when set min Value: <NumberInput size="lg" className="max-w-24" color={'default'} defaultValue={1} value={qty} minValue={1} onValueChange={setQty} labelPlacement={"outside"} placeholder="Qty" isWheelDisabled={true} classNames={{ inputWrapper:"rounded-lg bg-white border" }} />
Furkan Tokmak
•
Dec 17, 2024
For my use case would be very nice if we could have props like
Min
Max
Decimal scale
Decimal seperator and Thousands seperator. Maybe these could be determined by locale automatically if enabled.
These are the ones I need the most. Mantine’s Number Input has these props as an example.
scrubs
•
Apr 12, 2024
Would this component include functions like click an slide to increase or decrease the value? e.g. Blender3D float input
Would we have the option to use evaluators like math-expression-evaluator
Would we have the option to pass a locale property to display the decimal separator version independently from the browser setting.
Thanks!
akpi816218
•
Mar 16, 2024
Maybe extend the current Input component by adding an `isNumber` prop?
Efrén Marine
•
Feb 19, 2025
You can do type=”number”. Question is, Input use string as value. I supose Furkan wants a control that uses value as number directly. I make a control to do that using HeroUI’s input but it’s not the same as use a native HeroUI control.
Log in to comment and vote
Comments6
Engr Hamza Malik
Mar 9, 2025
I am Watching video from Peshawar Pakistan
Henry Bean
Feb 26, 2025
bug : can’t decrement when set min Value:
<NumberInput size="lg" className="max-w-24" color={'default'} defaultValue={1} value={qty} minValue={1} onValueChange={setQty} labelPlacement={"outside"} placeholder="Qty" isWheelDisabled={true} classNames={{ inputWrapper:"rounded-lg bg-white border" }} />
Furkan Tokmak
Dec 17, 2024
For my use case would be very nice if we could have props like
Min
Max
Decimal scale
Decimal seperator and Thousands seperator. Maybe these could be determined by locale automatically if enabled.
These are the ones I need the most. Mantine’s Number Input has these props as an example.
scrubs
Apr 12, 2024
Would this component include functions like click an slide to increase or decrease the value? e.g. Blender3D float input
Would we have the option to use evaluators like math-expression-evaluator
Would we have the option to pass a locale property to display the decimal separator version independently from the browser setting.
Thanks!
akpi816218
Mar 16, 2024
Maybe extend the current Input component by adding an `isNumber` prop?
Efrén Marine
Feb 19, 2025
You can do type=”number”. Question is, Input use string as value. I supose Furkan wants a control that uses value as number directly. I make a control to do that using HeroUI’s input but it’s not the same as use a native HeroUI control.