Slider

A continuous or stepped value with its current value in the label: pen thickness, dot size, line height.

Consumer provides: label, range, steps, current value and its formatted text ("0.75 pt").

Rules

• 4 dp track in divider, forest fill up to a 24 dp white knob with a 2 dp forest ring; 48 dp touch height.
• The value is written in the label ("Thickness · 0.75 pt"), so the slider never needs a floating value bubble.
• Stepped sliders show small tick dots in outline.

Compose

M3 Slider with a custom thumb and track.

In the app

InkSlider implements these rules.

Preview