Search Website
Accordions
Overview
Accordions allow you to present content in collapsible sections, making it easier for users to find the information they need without scrolling through lengthy text. By clicking a section header, users can expand or collapse the details below, keeping your pages organized and user-friendly.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate, mi a venenatis imperdiet, nunc tellus rutrum dolor, ut faucibus erat dui ac mi.
Sed purus arcu, varius nec tempus eu, aliquam vitae tellus. Nam tempus ligula eu nunc suscipit pretium. Ut vitae vulputate sapien. Praesent nec sapien id erat pellentesque semper. Vivamus in porttitor diam, id consectetur felis. Integer blandit gravida ex sed ultricies. Sed quis felis vestibulum, porttitor purus ac, tincidunt mauris.
| Lorem | ipsum | dolor | amet |
| Lorem | ipsum | dolor | amet |
| Lorem | ipsum | dolor | amet |
Use Cases
- FAQs: Perfect for answering common questions in a clean, space-saving format.
- Step-by-Step Instructions: Let users expand each step as they go, preventing information overload.
- Detailed Explanations: Break down long content into digestible chunks, giving readers control over what they view.
Best Practices
- Clear, Descriptive Headings: Use concise labels so users immediately understand what each section covers.
- Provide Context: Let users know if additional resources or next steps are hidden behind each accordion.
- Keep It Concise: Even though accordions can collapse, dumping excessively long content into a single item can still overwhelm users once expanded. If your text is lengthy, consider breaking it into multiple sections or using a different format.
Page Type Compatibility
Supported in Full Width, Left Navigation, and News Article Pages.