Grid layout
GridLayout enables complex arrangement of UI elements within a system of columns and rows to create an evenly distributed, responsive and organized user interface. Use it to position repeating widgets in the main content area, such as in a Dashboard. When combined with responsive breakpoints, you can configure GridLayout and GridItem to determine how content is displayed across different viewports and screen sizes.
Also known as: Column layout, Responsive grid
| Salt package | @salt-ds/core |
|---|
Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected
When building a page layout, apply semantic HTML. This means using the correct HTML elements for their intended purpose as much as possible.
The GridLayout and GridItem components support this behavior by allowing access to a prop called as that allows you to render the appropriate HTML instead of a plain div.