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
Loading preview...
import { NumericInput } from "@/components/ui/numeric-input";
function NumericInputDemo() {
return (
<div className="block min-w-[300px]">
<NumericInput />
</div>
);
}
export { NumericInputDemo };