Desktop persistent navigation with collapsible groups. Mobile layouts swap this for bottom-tab.
Main content area.
tsx · Layout.tsx
<Sidebar
groups={[
{ label: 'Main', items: [{ label: 'Overview', href: '/' }, { label: 'Competitions', href: '/competitions' }] },
{ label: 'Operations', items: [{ label: 'Payments', href: '/payments' }] },
]}
/>
Used in: admin, sys