Components › Navigation

App shell

Application frame: sidebar navigation, top bar and the drawer slot.

5 sub-components · 100% covered

Sub-components

  • Sidebar nav itemcanon✓✓✓✓✓✓Row of the left navigation: top-level row, section divider and sub-item, plus the split parent that navigates and folds.
  • Top barcanon✓✓✓✓✓✓The application frame bar: workspace switch, global search (⌘K), utilities and account — never changes with the screen.
  • Drawer slotcanon✓✓✓✓✓✓Non-modal panel slot beside the page; the side is chosen away from the click and the content survives closing.
  • Layout switchcanon✓✓✓✓✓✓Floating group at the bottom of the side menu that switches the layout: collapse the menu, list layout, context panel.
  • Split viewbeta✓✓✓✓✓–The one two-pane layout: aside next to the main content (rail | detail, list | reader, work | discussion); bar above, not resizable.