UI Kits
Navigation

Sidebar Navigation

Compact admin/dashboard sidebar.

Usage guidance

When to use it.

Keep labels short and predictable. Make current location and focus state clear.

Accessibility

Implementation notes.

  • Use semantic nav landmarks where appropriate.
  • Indicate current page or active state.
  • Support keyboard and screen-reader navigation.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<aside class="ap-sidebar"><strong>Dashboard</strong><a>Overview</a><a>Customers</a><a>Reports</a><a>Settings</a></aside>
Related components

More in Navigation