Panel

Also known as

Container, Pane

Similar to

Card

Available since

@salt-ds/core@1.1.0

Resources

View source code

Support

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.

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

Name	Type	Description	Default

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

Name	Type	Description	Default

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

Name	Type	Description	Default

Pagination

Parent-child layout