# 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.

## Notes

- 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.



## Example

```astro
<Accordion items={faqItems} />
```
