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

Salt package	@salt-ds/core
Available since	1.1.0

Code

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

Using the component

Pick the background that reflects the level of importance of the content (primary or secondary), which will drive the types of components displayed in the panel.

When to use

To organize and divide the application into clear content areas.
To create visual hierarchy within the application layout.
With the BorderLayout component to define the main content regions of your application with responsive behavior.

Import

To import Panel from the core Salt package, use:

Props

Using the component

Pick the background that reflects the level of importance of the content (primary or secondary), which will drive the types of components displayed in the panel.

When to use

To organize and divide the application into clear content areas.
To create visual hierarchy within the application layout.
With the BorderLayout component to define the main content regions of your application with responsive behavior.

To organize and divide the application into clear content areas.
To create visual hierarchy within the application layout.
With the BorderLayout component to define the main content regions of your application with responsive behavior.

Import

To import Panel from the core Salt package, use: