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.
Make it with Workshop
Build your own component with AI
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
