Components
Loading preview...
This RangeSliderInput component is a reusable input control that combines a dual-handle slider with numeric input fields for selecting a value range. Unlike the default browser number fields, it removes the built-in up/down arrows and replaces them with modern Lucide icons for increment and decrement actions. The component keeps the slider and inputs fully synchronized,
npx shadcn@latest add https://21st.dev/r/ruixen.ui/range-slider-inputimport RangeSliderInput from "@/components/ui/range-slider-input";
export default function DemoOne() {
return <RangeSliderInput />;
}