.q2w-sidebar

Sidebar

Persistent side panel for dashboards, filters, layer summaries, and analytical map context.

Rich dashboard preview

Usage

<div class="q2w-sidebar">
  <div class="q2w-sidebar__header">
    <div class="q2w-sidebar__title">Cirebon Land Value</div>
    <div class="q2w-sidebar__sub">Mekarjaya · 4 zones</div>
  </div>
  <div class="q2w-sidebar__body">...</div>
</div>

Sub-elements

Class	Purpose
`.q2w-sidebar`	Persistent side panel shell
`.q2w-sidebar__header`	Top title area
`.q2w-sidebar__title`	Main dashboard title
`.q2w-sidebar__sub`	Secondary context line
`.q2w-sidebar__body`	Scrollable dashboard content

← Footer Sheet →