Layer panel
Layer stack container for toggles, sublayers, opacity, and legends.
Preview
Layers
✓Zona Nilai Tanah
✓Batas Desa
Jaringan Jalan
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-panel"> Layer panel content </div>
Variants
| Pattern | Effect |
|---|---|
.q2w-panel | Default component shell |
.q2w-panel--compact | Denser layout for small maps |
.q2w-panel--floating | Floating map overlay style |
data-theme="dark" | Uses dark theme tokens automatically |
Sub-elements
| Class | Purpose |
|---|---|
.q2w-panel | Root element for the layer panel component |
.q2w-panel__head | Optional header/title region |
.q2w-panel__body | Main component content region |
.q2w-panel__actions | Optional action group |