Accordion

Accordion is a vertically stacked set of expandable panels, each containing a header and an associated content area. It allows users to view a summary or a condensed version of the content and then expand it to reveal detailed information.

Accordions are typically used when screen real estate is limited, and there's a need to manage the visibility of large amounts of content. They enhance the user experience by presenting information in a structured, efficient way, allowing users to access details on demand without navigating away from the current context.