Panels

.slds-panel — A panel provides contextual and detailed information based on a click or hover interaction of data by a user.

.slds-panel — Panel component

.slds-panel__section — Contains sub sections of a panel

.slds-panel__actions — Contains form actions at the bottom of a panel

.slds-panel__header — Header element of a panel

.slds-panel__header_custom — Modifier that notifies panel header that something other than a title and close button exist

.slds-panel__header_align-center — Adjusts styling when the title of the header is centered

.slds-panel__header-actions — Container for secondary actions that affect the entire panel

.slds-panel__header-title — Title of the header panel

.slds-panel__close — Close button of a panel

.slds-panel__back — Back button of a panel drilled in

.slds-panel__body — Body element of a panel

.slds-panel_docked — Modifier that changes the display of a panel to dock to the viewport

.slds-is-open — Toggles visibility of panel

.slds-panel_docked-left — Modifier that changes the position of a panel to the left

.slds-panel_docked-right — Modifier that changes the position of a panel to the right

.slds-panel_filters

Salesforce, Inc. Salesforce Tower, 415 Mission Street, 3rd Floor, San Francisco, CA 94105, United States

Site: Version 1.2.54 | Framework: Version 2.30.7. Last Updated on August 11th 2026, 12:20 pm.