Slider

Source: Figma — Lexicon Components. Native <input type="range"> styled to match Lexicon. The fill follows --value on the wrapper. Wrap the input in .slider__field when you want a tooltip — that scopes the absolute positioning to the track only (not the 1fr auto grid).

Default — 0, 30, 70, 100
0
30
70
100
Active — value tooltip pinned above the thumb (drag to update)
30
30
50
50
100
100
Disabled
30
100