Summary Detail

Summary Detail

Use Summary Detail to show and hide details while always showing a summary

Base

Preview

About Summary Detail

The summary detail component uses a button to show and hide content while showing an overall summary


Overview of CSS Classes

Selector.slds-summary-detail
Summary

Initializes a summary detail

Restrictdiv
VariantTrue
Selector.slds-summary-detail__content
Summary

Styles the position of the toggle icon

Restrict.slds-summary-detail div
Selector.slds-summary-detail__content
Summary

Styles the visibility of the detail content

Restrict.slds-summary-detail div
Selector.slds-is-open
Summary

Toggle visibility of the detail section + rotate icon

Restrict.slds-summary-detail
ModifierTrue