Slider 07 - Circular Volume Dial
A circular knob slider styled as a volume dial: drag around the ring to sweep a gradient arc from the top, with the live value and unit shown in the center.
- Library
- Shadcn Space
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- @number-flow/react, motion
- Files
src/components/shadcn-space/slider/slider-07.tsxsrc/lib/utils.tssrc/config.ts
- Source
- https://github.com/shadcnspace/shadcnspace
Categories
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components
- Knob Components
- React Knob Components
- Tailwind CSS Knob Components
- Animated Knob Components
More from Shadcn Space
- 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
- Alert-01 - Alert with Password Detail
- Alert-02 - Alert with User Detail
- Alert-03 - Social Alert
- Alert-04 - Indicator Destructive Alert