Sidebar

<aside class="sidebar color-group-primary">
  <div class="sidebar-title">
    <Hexagon size={24} class="text-primary-9" />
    Acme Corp
  </div>

  <nav aria-label="Sidebar Navigation" class="sidebar-nav">
    <div class="sidebar-group-title">Main</div>
    <a href="#" class="sidebar-link" aria-current="page">
      <LayoutDashboard size={18} />
      Overview
    </a>
    <a href="#" class="sidebar-link">
      <FolderKanban size={18} />
      Projects
      <div class="sidebar-trailing">
        <span class="badge color-group-neutral">12</span>
      </div>
    </a>
    <a href="#" class="sidebar-link">
      <Users size={18} />
      Team
    </a>

    <div class="sidebar-group-title">Settings</div>
    <a href="#" class="sidebar-link">
      <Settings size={18} />
      General
    </a>
    <a href="#" class="sidebar-link">
      <Bell size={18} />
      Notifications
      <div class="sidebar-trailing">
        <ChevronRight size={16} />
      </div>
    </a>
  </nav>
</aside>