Slider 08 - With Number Input
Opacity slider kept in sync with a number input that clamps and rounds typed values, plus a live preview swatch.
- Library
- Shadcn Space
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- @number-flow/react, motion
- Files
src/components/shadcn-space/slider/slider-08.tsxsrc/components/ui/input.tsxsrc/components/ui/label.tsxsrc/components/ui/slider.tsxsrc/lib/utils.tssrc/config.ts
- Source
- https://github.com/shadcnspace/shadcnspace
Categories
- Input Components
- React Input Components
- Tailwind CSS Input Components
- shadcn/ui Input Components
- Number Input Components
- React Number Input Components
- Tailwind CSS Number Input Components
- Text Input Components
- React Text Input Components
- Tailwind CSS Text Input Components
- shadcn/ui Text Input Components
More from Shadcn Space
- Autocomplete-04 - Team Member Search
- Autocomplete-05 - Async Search
- Command-04 - Team Member Search
- Command-06 - Search Files
- Command-07 - Filter Search
- Dropdown Menu 05 - Search
- Input 22 - Search with Shortcut
- KBD 04 - KBD in Search Input
- Topbar 06 - Search Focused Topbar
- About Us 01 - Impact Metrics
- Accordion-01 - Default
- Accordion-02 - Multi-level