Slider

Continuous, discrete, range, and centered MD3 sliders

npx rootnative add slider

Continuous

0.4

Value: 0.40

Discrete (step = 10)

Value: 40

Discrete without tick marks (step = 25)

Value: 50 — still snaps to the step, tick marks suppressed with showTickMarks

Formatted label + commit on release

21°C

Dragging: 21°C · committed: 21°C — the second value only updates on release via onSlidingComplete

With start / end icons

0.6

Volume: 60%

Centered (−50 to 50)

Balance: 0

Range — continuous

Range: 25 – 75

Range — discrete (step = 1)

Range: 2 – 6

Custom colors

0.5

Disabled

0.7