IntervalSlider
<IntervalSlider name="r" value="1,3" min="0" max="5" step="0.5"> -- a track with two thumbs, Wolfram's IntervalSlider. The binding _r is the List [lo, hi]; the thumbs cannot cross. Each thumb takes the arrows in a knob's gears; readout shows the interval beside the track.
Props
| Prop | Type | Default | Notes |
|---|---|---|---|
name | string | "" | The binding this slider drives: name="r" fills the wildcard _r.reflects |
value | string | "0,1" | The starting interval, lo,hi. |
min | number | 0 | |
max | number | 1 | |
step | number | Number.NaN | |
readout | boolean | false | Show the interval beside the track.reflects |
As a web component
Plain custom elements, no framework required: import @enumeratio/frontend for the side effect and write <interval-slider-box> in any HTML. Attributes are kebab-case and always strings; the props table above names each one's attribute where it differs from its prop.