# Collapse

The Collapse component enhances your application's user experience by allowing users to show and hide sections on a page. The Collapse component helps to organize and split the page contexts into separate partitions with the ability to minimize and maximize those sections. 

<div align="left"><figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FaSWacoi4R2v67wYSDmro%2Fimage.png?alt=media&#x26;token=e72f92c1-2253-497f-8e85-9975d32d0442" alt=""><figcaption></figcaption></figure></div>

**Opened/Closed Indicator**: Include visual indicators to show whether a section is opened or closed. These indicators enhance user experience by providing clear, immediate feedback on the state of each section, making it easy to navigate through the content.

<div align="left"><figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2Fhi1vjax1RUgShCuj0XO7%2Fimage.png?alt=media&#x26;token=6b369a90-771e-424c-a821-709fb1304ebc" alt=""><figcaption></figcaption></figure></div>