Application Sidebars
Application sidebar layouts with standard, branded, inverted, header-combined, and collapsible shell patterns.
Sidebar rail sits beside a breadcrumb row, with the content area offset to one fixed left column.
The same fixed sidebar shell switches to a branded surface while keeping the single-column content offset.
Branded sidebar rail shifts to an inverted surface treatment, while the layout keeps the same fixed left column.
Top header spans the page while a second navigation layer stays fixed in the left sidebar column.
Sidebar starts collapsed off-canvas and pushes the layout open only after the toggle is triggered.