Panel

Panel is a background that organizes content in an application. It uses color to reflect the level of importance of content and drive visual hierarchy.

Also known as: Container, Pane
Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

When using panels together, use the primary variant as the background for the most important content that you want the user to focus on first.

Use the secondary variant as the background to color block less important content.

Use the tertiary variant as an alternative background to the secondary variant or as an additional option to color block in a layout.