DSNiemeyer

Sidebar Nav

Sidebar colapsável com logo, grupos de nav, ícones e workspace switcher.

Default

Use o botão no top-nav para colapsar

// O collapse e controlado pelo componente pai (AppShell)
// via botao no TopNav

<AppShell />

// Ou manualmente:
const [collapsed, setCollapsed] = useState(false);

<SidebarNav collapsed={collapsed} />
<TopNav
  onCollapseClick={() => setCollapsed(!collapsed)}
  sidebarCollapsed={collapsed}
/>