A themed replacement for <input type="range">. The track, fill, and thumb are drawn with Vira's
form colors, so they follow the current theme (including dark mode) where a browser's native
range styling does not. An invisible native range input sits on top, so keyboard, pointer, and
screen reader behavior are the browser's own.
valueChange fires on every change while dragging. The slider is controlled: it only moves when
value is updated in response.
A themed replacement for
<input type="range">. The track, fill, and thumb are drawn with Vira's form colors, so they follow the current theme (including dark mode) where a browser's native range styling does not. An invisible native range input sits on top, so keyboard, pointer, and screen reader behavior are the browser's own.valueChangefires on every change while dragging. The slider is controlled: it only moves whenvalueis updated in response.