Panel

Panel organizes content into distinct regions within an application. It uses background color and elevation to convey visual hierarchy.

Also known as: Container, Pane
Salt package@salt-ds/core
Available since1.1.0
Code

Using the component

Choose a variant based on the background contrast and visual hierarchy needed for the panel's content. Choose an elevation independently based on whether the panel should sit flat within the layout or stand out as a major working area.

When to use

  • To organize an application into distinct content regions.
  • To establish visual hierarchy across an application layout.
  • With BorderLayout to define responsive main content regions.

When not to use

  • To display repeated items, metrics, or product options in a list or grid. Instead, use Card.

Import

To import Panel from the core Salt package, use:

Props