.q2w-control

Map control

Reusable map control buttons for zoom, reset, locate, and tools.

Variants

Stacked vertical control

<div class="q2w-control">
  <button class="q2w-control__btn">+</button>
  <button class="q2w-control__btn">−</button>
  <button class="q2w-control__btn">⌂</button>
</div>

.q2w-control--rounded

<div class="q2w-control q2w-control--rounded" style="display:flex;">
  <button class="q2w-control__btn">+</button>
  <button class="q2w-control__btn">−</button>
  <button class="q2w-control__btn">⌖</button>
</div>

Toolbar wrappers

<div class="q2w-toolbar">...</div>
<div class="q2w-toolbar q2w-toolbar--row">...</div>

Sub-elements

Class	Purpose
`.q2w-control`	Root control group shell
`.q2w-control__btn`	Individual map control action button
`.q2w-control--rounded`	Rounded pill-style control group

← Button Search →