.q2w-draw

Draw

Drawing toolbar shell for point, line, polygon, and edit workflows in WebGIS editing tools.

Preview

Point tool active — click map to start.

Usage

<div class="q2w-draw q2w-draw--floating">
  <button class="q2w-draw__btn is-active" title="Point">...</button>
  <button class="q2w-draw__btn" title="Line">...</button>
  <button class="q2w-draw__btn" title="Polygon">...</button>
  <span class="q2w-draw__sep"></span>
  <button class="q2w-draw__btn">Edit</button>
  <button class="q2w-draw__btn">Delete</button>
</div>

Behavior

Use this component as a visual shell around Leaflet Draw or a custom editing workflow. The preview simulates active-tool switching so the UI state is visible during documentation review.

← Compare Filter →