Accordion
An accordion is a user interface component that allows users to expand and collapse sections of content, typically in a vertical stack, to save screen space and improve navigation. It is commonly used in web and mobile applications for FAQs, menus, or content-heavy pages where only one section is open at a time. This component enhances user experience by reducing clutter and providing a clean, organized layout.
Developers should use accordions when designing interfaces with hierarchical or categorized content that users may not need to view all at once, such as in FAQ sections, settings panels, or product descriptions. It is particularly useful for mobile-responsive designs where screen real estate is limited, helping to prevent information overload and improve accessibility by allowing focused interaction with one section at a time.