Components
Numeric Input
A customizable numeric input component with increment/decrement buttons and a visual progress indicator.
Features
-
Input Controls
- Increment/decrement buttons
- Min/max value constraints
- Custom step size
- Default value support
-
Visual Feedback
- Progress bar indicator
- Focus states
- Min/max labels
- Dark mode support
import { NumericInput } from "@/components/ui/numeric-input";
function NumericInputDemo() {
return (
<div className="block min-w-[300px]">
<NumericInput />
</div>
);
}
export { NumericInputDemo };
Source
Published
Similar components
Explore more
Part of Kokonut UI — browse the full library on 21st.dev.