.q2w-popup

Popup

Feature popup with title, subtitle, and tabular attributes.

Preview

Mekarjaya
ZNT-021
value720k
area12.4 ha

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-popup">
  Popup content
</div>

Variants

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

Sub-elements

ClassPurpose
.q2w-popupRoot element for the popup component
.q2w-popup__headOptional header/title region
.q2w-popup__bodyMain component content region
.q2w-popup__actionsOptional action group
← Legend Tooltip →