Slider 05 - Price Range Filter
A dual-thumb price range filter slider with a hover ghost preview — hover outside the selected range to see a semi-transparent extension, with thumb scale animation on hover.
- Library
- Shadcn Space
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- @number-flow/react, lucide-react
- Files
src/components/shadcn-space/slider/slider-05.tsxsrc/components/ui/slider.tsxsrc/components/ui/button.tsxsrc/lib/utils.tssrc/config.ts
- Source
- https://github.com/shadcnspace/shadcnspace
Categories
- Commerce Components
- React Commerce Components
- Tailwind CSS Commerce Components
- Animated Commerce Components
- shadcn/ui Commerce Components
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components
- shadcn/ui Input Components
- Slider Components
- React Slider Components
More from Shadcn Space
- Slider 01 - Volume Control
- Slider 03 - Temperature Control
- Slider 04 - Modern Volume
- Slider 06 - Slingshot Launch Power
- About Us 01 - Impact Metrics
- Accordion-01 - Default
- Accordion-02 - Multi-level
- Accordion-03 - Numbered FAQ
- Accordion-04 - Card
- Accordion-05 - Media
- Accordion-06 - Filled Trigger
- Accordion-07 - Motion Services