Skip to content

<notatio-interval-slider>

<notatio-interval-slider 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.

Stories in the playground·packages/notatio-lit/src/notatio-interval-slider.ts· in Vue: <IntervalSlider>

Attributes

AttributeTypeDefaultNotes
namestring""The binding this slider drives: name="r" fills the wildcard _r.reflects
valuestring"0,1"The starting interval, lo,hi.
minnumber0
maxnumber1
stepnumberNumber.NaN
readoutbooleanfalseShow the interval beside the track.reflects