1# llimphi-widget-range-slider23Two-thumb slider over a track.
45The analogue of Flutter's `RangeSlider` or Material 3's. The caller keeps
6`(lo, hi)` in its model (fractions in `[0,1]`); the widget reports the new value
7through `on_change(lo, hi)` when the user drags either thumb.
89Design:
1011- A 4 px track, with the active band in the `accent` colour between the two
12 thumbs.
13- 14 px thumbs (circles), 2 px border in the `accent` colour, E1 shadow — the
14 canonical elevation signature.
15- Drag through `draggable` per thumb → the callback receives `(lo, hi)`
16 normalized and monotonically ordered (the low one never overtakes the high).
1718---
1920Part of **llimphi** — see [llimphi](../../README.md).
README.md
llimphi-widget-range-slider
Two-thumb slider over a track.
The analogue of Flutter's RangeSlider or Material 3's. The caller keeps
(lo, hi) in its model (fractions in [0,1]); the widget reports the new value
through on_change(lo, hi) when the user drags either thumb.
Design:
A 4 px track, with the active band in the accent colour between the two
thumbs.
14 px thumbs (circles), 2 px border in the accent colour, E1 shadow — the
canonical elevation signature.
Drag through draggable per thumb → the callback receives (lo, hi)
normalized and monotonically ordered (the low one never overtakes the high).