Advanced Accordion

Advanced Accordion is a lightweight, powerful component that gives you complete control over your design. Perfect for displaying FAQs, Q&A, service lists, feature lists, and more.

Style it your way!

Header Customization

• Padding

• Typography (font, size, spacing, line height, transform)

• Optional bullet icon

• Expand/Collapse icon

• Icon rotation control on expansion

• Hover styles for text, background, and borders

Content Customization

• Connect to custom content (any stack or component)

• Padding (px or %)

Accordion Styles

• Border style, widths, radius, and colors

• Background color

• Hover background and border colors

• Animation controls (easing, duration)

Accordion Behavior

• Auto-collapse other accordions

• Keep hover styles when expanded

• Option to start expanded