Accordions

32 components

An accordion hides long content behind headings and opens it one part at a time. Use it for FAQs, settings, step-by-step guides and long lists. You get a native details version, animated height, nested levels, a checklist accordion, read more, mutually exclusive steps and sticky headers. Headings are real buttons or details elements, so they open from the keyboard.