Studiov1.2.3
Studio/Patterns/Accordion Section

Accordion Section

Content

Collapsible content sections for FAQ, specifications, or detailed information that benefits from progressive disclosure.

All patterns
accordion section
Reusable pane preview
Use Cases
  • FAQ pages
  • Technical specification breakdowns
  • Fund terms and conditions
  • Feature detail expansion on landing pages
Do
  • Use clear, question-format titles
  • Keep expanded content under 200 words
  • Allow multiple items open simultaneously
  • Place most important items first
Avoid
  • Nest accordions inside accordions
  • Use accordions for navigation
  • Hide critical information that users must see
  • Use more than 15 items without grouping
Reference component: AccordionVariants: 2Token bindings: 4