# Accordion

[![pattern-accordian.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/pattern-accordian.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/pattern-accordian.png)

<table id="bkmrk-use-case-when-you-wa"><tbody><tr><td style="width: 145px;">**Use Case**

</td><td style="width: 664px;"><span style="font-weight: 300;">When you want to share large amounts of information in one consolidated place, and want to hide items under recognizable labels. There can be an unlimited number of accordion sections.</span>

</td></tr><tr><td style="width: 145px;">**Limitations**

</td><td style="width: 664px;"><span style="font-weight: 300;">N/A</span>

</td></tr><tr><td style="width: 145px;">**What’s Required?**

</td><td style="width: 664px;"><span style="font-weight: 300;">Each accordion section must have a title and a body.</span>

</td></tr><tr><td style="width: 145px;">**What’s optional?**

</td><td style="width: 664px;"><span style="font-weight: 300;">Section heading and introduction</span>

</td></tr></tbody></table>