Panel creates a local structured work area inside a page or workspace. It provides fixed regions for header, subheader, sidebar, scrollable content, aside, and footer.
Use it for admin modules, settings areas, editors, detail panes, inspectors, dashboard sections, and other local surfaces that need their own header, footer, side columns, and scrollable body.
Panel is not the top-level application shell; use Layout for that. It is also not a small content card; use Card for that. Use Drawer for overlay side panels, and TailwindCSS grid or flex for simple layout.
Key features:
- Dedicated regions for header, subheader, content, sidebar, aside, and footer.
- Scrollable content area through ngs-panel-content.
- Optional absolute mode to fill the parent bounds.
- TailwindCSS classes can be used for sizing, borders, spacing, and inner layout.