Scrubber
A design-tool style scrubber slider with animated thumb, label, value display, and tick marks.
Installation
npx smoothui-cli add scrubberFeatures
- Dark, self-contained slider with built-in label and value display
- Animated thumb that appears on hover and drag with spring physics
- Subtle scrub indicator for position feedback at rest
- Configurable tick marks for visual reference
- Keyboard accessible (arrow keys, Home, End)
- Supports controlled and uncontrolled usage
- Respects
prefers-reduced-motion