Panels

Panels

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

DetailNot Compatible with S1 Mobile

Preview

No content has been added for this component.

No content has been added for this component.

Overview of CSS Classes

Selector.slds-panel
Summary

Initiates a panel

Restrictdiv
VariantTrue
Selector.slds-panel__section
Summary

Contains sub sections of a panel

Restrict.slds-panel div
Selector.slds-panel__actions
Summary

Contains form actions at the bottom of a panel

Restrict.slds-panel div
Selector.slds-panel_filters
Summary
Restrict.slds-panel
VariantTrue
Selector.slds-filters
Summary
Restrict.slds-panel_filters div
Selector.slds-filters__header
Summary

Filters Header

Restrict.slds-panel_filters div
Selector.slds-filters__body
Summary

Filters Body

Restrict.slds-panel_filters div
Selector.slds-filters__footer
Summary

Filters Footer

Restrict.slds-panel_filters div
Selector.slds-filters__item
Summary

Filterable Item

Restrict.slds-panel_filters li div
Selector.slds-is-new
Summary

Indicates that a filter is new and hasn't been saved

Restrict.slds-filters__item
ModifierTrue
Selector.slds-has-error
Summary

Indicates that a filter has an error

Restrict.slds-filters__item
ModifierTrue
Selector.slds-is-locked
Summary

Indicates that a filter is locked

Restrict.slds-filters__item
ModifierTrue