Components
Loading preview...
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
@kokonutd
npx shadcn@latest add https://21st.dev/r/kokonutd/numeric-inputimport { NumericInput } from "@/components/ui/numeric-input";
function NumericInputDemo() {
return (
<div className="block min-w-[300px]">
<NumericInput />
</div>
);
}
export { NumericInputDemo };