ConsoleApp
Carbon-parity console shell: ShellHeader + icon-rail SideNav + HeaderPanel notifications/switcher + collapsible aside + main content.
Category: display · WCAG 2.1-AA · block, console, shell, navigation, carbon-parity
Design tokens
--cascivo-shell-header-block-size--cascivo-shell-panel-inline-size--cascivo-shell-aside-inline-size--cascivo-color-border--cascivo-color-surface--cascivo-color-scrim--cascivo-motion-enter--cascivo-motion-exit
When to use
- A Carbon-parity console shell with icon-rail nav, header panels, and aside
- Admin or operations consoles needing dense, app-like navigation
When not to use
- A simpler sidebar app — use SidebarApp
- A bare shell to fully customise — use AppShell
Examples
Default
Full console shell demo
<ConsoleApp />Related components
- SidebarApp — Use for a lighter, less dense sidebar app frame
- AppShell — Use the bare shell to compose custom console chrome