Ruixen Pro is now live.50+ premium components, templates, blocks, and lifetime updates.

Command Palette

Search for a command to run...

Docs
Scroll Ruler

Scroll Ruler

A ruler-style input for fractional values — scroll or drag to scrub, spring-animated snapping, gradient-masked edges.

Installation

Props

PropTypeDefaultDescription
minnumber-90Minimum value
maxnumber90Maximum value
stepnumber1Step increment
valuenumber-Controlled value (use with onChange)
defaultValuenumber0Initial value for uncontrolled mode
suffixstring"°"Unit suffix displayed after the value
soundbooleantrueEnable mechanical tick sounds on scrub
labelIntervalnumber10Interval for labeled ticks (largest, with numbers)
majorIntervalnumber5Interval for major ticks (medium height, no numbers)
onChange(value: number) => void-Callback fired when the value changes