ExpansionPanels
v1.0.0
Expansion Panels lets users show and hide sections of related content on a page
Default
Expansion Panel Header 1
Content
Expansion Panel Header 2
Content
Expansion Panel Header 3
Content
<div class="expansion-panel-container">
<div class="expansion-panel active" tabindex="0">
<div class="expansion-panel-header">Expansion Panel Header 1</div>
<div class="expansion-panel-content">
<div class="expansion-panel-inner">Content</div>
</div>
</div>
<div class="expansion-panel" tabindex="0">
<div class="expansion-panel-header">Expansion Panel Header 2</div>
<div class="expansion-panel-content">
<div class="expansion-panel-inner">Content</div>
</div>
</div>
<div class="expansion-panel" tabindex="0">
<div class="expansion-panel-header">Expansion Panel Header 3</div>
<div class="expansion-panel-content">
<div class="expansion-panel-inner">Content</div>
</div>
</div>
</div>