Accordion
Accordion
📖One-line summary
A collapse/expand UI often used for FAQs.
💡Easy explanation
Common on FAQ pages! Click a question to expand the answer, click again to collapse. Opens and closes like an accordion instrument.
✨Example
Click to open and close
Full refunds are available within 7 days of purchase.
Standard shipping takes 2–3 days; express arrives the same day.
Settings > Account > Delete account.
⚡Vibe coding prompt examples
Build an accordion component for a FAQ page. Click a question to smoothly expand its answer and collapse the others.
Build the accordion so a prop switches between allowing multiple panels open at once and only one open at a time.
Build a nested accordion. 3-level structure: Category > Subcategory > Item, with different indentation and icons per level.
Try these prompts in your AI coding assistant!