A numeric stepper with minus and plus buttons around a centered input that clamps to min and max and moves by a custom step. Works controlled or uncontrolled.
npx shadcn@latest add @minidev/number-input
Loading the source for number-input…
Registry Items
number-input
Configuration
Name
number-input
Type
UI
Description
A numeric stepper with minus and plus buttons around a centered input that clamps to min and max and moves by a custom step. Works controlled or uncontrolled.
Files · 1
Dependencies
npm packages
lucide-react
Registry items
https://ui.minidev.pro/r/icon-button.json
https://ui.minidev.pro/r/input.json
Registry Items
number-input
Configuration
Name
number-input
Type
UI
Description
A numeric stepper with minus and plus buttons around a centered input that clamps to min and max and moves by a custom step. Works controlled or uncontrolled.