.q2w-slider

Slider

Range control for opacity, thresholds, time, and filters.

Preview

Opacity 75%

Usage

Use this component inside a qgis2web Leaflet export after loading q2w-mapcss.css. Keep generated map JavaScript unchanged unless your workflow needs custom behavior.

<div class="q2w-slider">
  Slider content
</div>

Variants

PatternEffect
.q2w-sliderDefault component shell
.q2w-slider--compactDenser layout for small maps
.q2w-slider--floatingFloating map overlay style
data-theme="dark"Uses dark theme tokens automatically

Sub-elements

ClassPurpose
.q2w-sliderRoot element for the slider component
.q2w-slider__headOptional header/title region
.q2w-slider__bodyMain component content region
.q2w-slider__actionsOptional action group
← Quick Compare →