Quantity Stepper
An animated quantity input for carts and forms with rolling digits, hold-to-repeat acceleration, and a boundary shake.
- Library
- Spectrum UI
- Framework
- React
- Type
- component
- License
- Apache-2.0
- Dependencies
- framer-motion, lucide-react
- Install
npx shadcn@latest add @spectrumui/quantity-stepper- Files
app/registry/quantity-stepper/quantity-stepper.tsxlib/utils.ts
- Source
- https://github.com/arihantcodes/spectrum-ui
Categories
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components
- Number Input Components
- React Number Input Components
- Tailwind CSS Number Input Components
- Animated Number Input Components
- Text Input Components
- React Text Input Components
- Tailwind CSS Text Input Components
- Animated Text Input Components