Selection
Slider
For values where the approximate position matters more than the exact number. The value rises above the thumb while dragging, so the readout never competes with the track when the control is at rest.
npx shadcn@latest add @minflow/sliderWhere to use it
- Volume, opacity, zoom, price ranges, any bounded continuous value.
- Never where the user needs to enter an exact figure; that is a stepper or an input.
Variations
Standard
The default single-value slider.
Stepped
When only certain values are valid and snapping helps the user land on them.