← ui-lab

Scrubber

A numeric field you change by dragging horizontally across it — the design-tool / DAW “scrub” control. Drag right to increase, left to decrease (one step per few pixels), or operate it from the keyboard: ArrowUp/ArrowRight increase, ArrowDown/ArrowLeft decrease, Home/End jump to the bounds. The value is always clamped to its range.

Preview

50%

Installation

npx shadcn@latest add https://ui.publictheta.com/r/scrubber.json

Conformance

This component conforms to the @publictheta/ui-spec scrubber specification. Run the suite against any implementation with pnpm conformance.