Module 03: Layouts
Structuring your application shell.
Catalyst provides three main layout shells: SidebarLayout, StackedLayout, and a mobile-optimized Sidebar. These components control the top-level structure of your app.
1. Navbar (For StackedLayout)
The Navbar is used in top-navigation designs. It supports sections, spacers, and dividers.
2. Sidebar (For SidebarLayout)
The Sidebar provides a vertical navigation column, ideal for complex applications. It typically includes a Header, Body (scrollable), and Footer.
Note: To implement a full page layout, wrap your page content with SidebarLayout or StackedLayout at the root level (e.g., in layout.jsx).