Layout is the base top-level shell for an application, admin area, dashboard, or large workspace page. It defines the main screen regions: topbar, header, sidebar, content, aside, and footer.
Use it when the whole screen needs a stable structural frame with managed height, nested layouts, scrollable content, and an optional sidebar that can be shown, hidden, or toggled through LayoutApiService.
Key Features:
- Semantic regions for topbar, header, sidebar, content, aside, and footer.
- A root mode for full viewport application shells.
- Nested layouts for complex admin and workspace screens.
- Built-in content scrolling with optional auto-scroll to top on navigation.
- Sidebar visibility control by layoutId through LayoutApiService.
Do not use Layout as a small wrapper, card, spacing helper, form grouping tool, or generic grid system. Use TailwindCSS grid, flex, and spacing classes inside layout regions. Use Grid for static dashboard widgets, Tiles for dashboards users can rearrange or customize, DataView or Table for datasets, Drawer for overlay side panels, and navigation components inside sidebars.