Skip to content

Slider Playground

Combine every slider variant from one control panel. Boolean options toggle attributes, while markers, the tooltip, and extra thumbs are added and removed through the markers property, a slotted data-value element, and a value array. The transparent thumb and fill edge stops set --sv-slider-thumb-bg and --sv-slider-fill-edge-stops. A transparent thumb shows the fill underneath it. The stops only take effect with thumb-contained.

Variants