Accordion

A stack of expandable sections perfect for progressive disclosure. Think of it as a set of magical drawers that organize your content neatly without taking up too much precious screen space.

• Use Accordion when you have a lot to say, but don't want to overwhelm your user all at once. It's like a polite conversationalist that only speaks when spoken to.
• Remember, only one section stays open at a time. It's the 'Highlander' of UI components—there can be only one (expanded at a time). Opening a new section dramatically slams the old one shut.
• Keep your summary labels clearly distinct from the hidden body copy. If everything looks the same, your users will just be clicking randomly in confusion.
• It's absolutely perfect for FAQs, hiding advanced settings, and storing your darkest secrets.