> ## Documentation Index
> Fetch the complete documentation index at: https://learn.nextedy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# UI Elements

> The Nextedy PLANNINGBOARD interface is composed of several distinct UI elements — the toolbar, the unplanned sidebar, card quick actions, swimlane controls, and the license panel.

<Columns cols={3}>
  <Card title="Toolbar Controls" icon="wrench" href="/planningboard/reference/ui-elements/toolbar">
    Global board actions: refresh, save layout, toggle sidebar, and board-wide display options.
  </Card>

  <Card title="Unplanned Sidebar" icon="list" href="/planningboard/reference/ui-elements/sidebar">
    The collapsible panel listing work items not yet assigned to any Plan or swimlane.
  </Card>

  <Card title="Card Quick Actions" icon="file" href="/planningboard/reference/ui-elements/card-quick-actions">
    Inline actions available directly on a card — open, move, and other per-card operations.
  </Card>

  <Card title="Swimlane Controls" icon="file" href="/planningboard/reference/ui-elements/swimlane-controls">
    Per-swimlane controls including the capacity bar, swimlane header, and collapse/expand.
  </Card>

  <Card title="License Panel" icon="file" href="/planningboard/reference/ui-elements/license-panel">
    Panel for viewing and entering the Planningboard license key.
  </Card>
</Columns>

<Tip title="UI elements and widget parameters work together">
  Most UI elements reflect the current widget parameter configuration. For example, whether the capacity bar appears in a swimlane is governed by the `capacity` widget parameters. See [Widget Parameters](/planningboard/reference/widget-parameters/index) for the configuration reference.
</Tip>

## Board layout at a glance

<Frame>
  <img src="https://mintcdn.com/none-17b4493f/vfRg9jxXRntLqZFW/planningboard/diagrams/reference/ui-elements/index/diagram-1.svg?fit=max&auto=format&n=vfRg9jxXRntLqZFW&q=85&s=67bcb7efcd94801e19faabaea12de96e" alt="Planningboard layout showing the toolbar with Refresh, Save Layout, Toggle Sidebar and Options controls, the board area with two swimlanes (each with a header, capacity bar, collapse control, and cards with Quick Actions), and the Unplanned sidebar listing unassigned cards" width="840" height="600" data-path="planningboard/diagrams/reference/ui-elements/index/diagram-1.svg" />
</Frame>

<Accordion title="Sources">
  **KB Articles**

  * Planningboard interface & basic interactions

  **Source Code**

  * `unplanned_sidebar.js`
  * `widget.vm`
  * `viewLicense.vm`
  * `enum-rows-filter-folder-scope.cy.ts`
  * `license-panel.js`
</Accordion>