.q2w-panel

Layer panel

Layer stack container for toggles, grouped sections, collapsible lists, sublayers, opacity hints, and legend rows.

Variants

Default panel

Layers
✓Zona nilai tanah100%
Residential band
Commercial band
<div class="q2w-panel">...</div>

Sectioned panel

Map overlays
Base layers
✓OSM standard
Operational layers
✓Parcels
Flood zones
<div class="q2w-panel__section">
  <div class="q2w-panel__section-title">Operational layers</div>
  ...
</div>

Collapsible panel

Layer groups ▾
✓ZNT polygons
Boundary labels
<div class="q2w-panel__header q2w-panel__header--collapsible">
  Layer groups <span class="q2w-panel__chevron">▾</span>
</div>

Collapsed state

<div class="q2w-panel is-collapsed">...</div>

Compact layer list

✓Land value zones
Administrative boundary

Technical dense

znt_polygons0.86
roads_lines1.00

Drag handle + opacity expand

⋮⋮✓Land value82%
82%

Sub-elements

ClassPurpose
.q2w-panelRoot shell for the panel
.q2w-panel__headerPanel title row
.q2w-panel__header--collapsibleInteractive collapse header style
.q2w-panel__bodyScrollable panel contents
.q2w-panel__section-titleGrouped subsection label
.is-collapsedState class that hides the body and rotates the chevron
← Compass Legend →