Sidebar Shell
A complete screen built only from kit parts: AppShell, Sidebar, WorkspaceSwitcher, UserMenu, Badge, Button, IconButton, KeyValue …
The app shell with a labelled sidebar instead of the icon rail: AppShell navigation="sidebar".
- The sidebar sits on the dark frame, the page on the light sheet, with the side panel and dock as in every other shell.
sidebarGroupstakes the same groups asSidebar; without it,navbecomes one group.workspacesputs aWorkspaceSwitcherat the top,useranduserMenuaUserMenuat the foot; both turn compact when the sidebar collapses. FurtherSidebarprops go insidebar(storageKey,shortcut,linkAs).- On phones the sidebar becomes a drawer behind a menu button above the page.