summary-detail
Summary Title
In ProgressAdditional information about this step
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.
About Summary Detail
The summary detail component uses a button to show and hide content while showing an overall summary
Base
Summary Title
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.
<div class="slds-summary-detail slds-is-open">
<button class="slds-button slds-button_icon slds-m-right_x-small" title="Toggle details for Summary Title" aria-controls="expando-unique-id" aria-expanded="true">
<svg class="slds-button__icon slds-summary-detail__action-icon" aria-hidden="true">States
Closed
Summary Title
<div class="slds-summary-detail">
<button class="slds-button slds-button_icon slds-m-right_x-small" title="Toggle details for Summary Title" aria-controls="expando-unique-id" aria-expanded="false">
<svg class="slds-button__icon slds-summary-detail__action-icon" aria-hidden="true">Examples
Closed with Complex title
Summary Title
In ProgressAdditional information about this step
<div class="slds-summary-detail">
<button class="slds-button slds-button_icon slds-m-right_x-small" title="Toggle details for Summary Title" aria-controls="expando-unique-id" aria-expanded="false">
<svg class="slds-button__icon slds-summary-detail__action-icon" aria-hidden="true">Open with Complex title
Summary Title
In ProgressAdditional information about this step
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.
<div class="slds-summary-detail slds-is-open">
<button class="slds-button slds-button_icon slds-m-right_x-small" title="Toggle details for Summary Title" aria-controls="expando-unique-id" aria-expanded="true">
<svg class="slds-button__icon slds-summary-detail__action-icon" aria-hidden="true">