Border layout
BorderLayout manages the top-level arrangement of your application, website or widget by positioning elements such as a footer, header and side navigation around the main content area. BorderLayout builds on top of GridLayout, defining five distinct regions, of which four surround the main content region. This layout is best for entire website pages or application screens with at least one additional region alongside the main area.
Also known as: Grid, Side panel, Header, Main
| Salt package | @salt-ds/core |
|---|
- To manage the top-level layout of your application, or page, with at least one additional region alongside the main content area (e.g., for navigation or a footer).
- When you're not managing the top-level layout of your application, but the layout inside one of the five border layout regions.
- For a customized layout that you can control in both row and column dimensions (for example, a dashboard). Instead, use
GridLayout. - For a side panel that temporarily reveals relevant content. Instead, use
Drawer.
To import BorderLayout and BorderItem from the core Salt package, use: