The Accordion component lets users expand and collapse individual content sections, keeping interfaces clean and easy to navigate. It's ideal for FAQs, settings panels, and any content that benefits from progressive disclosure.
Frequently Asked Questions
Find answers to the most common questions below. Click on any item to expand and read the full answer.
Accordion Component
The Accordion component lets users expand and collapse individual content sections, keeping interfaces clean and easy to navigate. It's ideal for FAQs, settings panels, and any content that benefits from progressive disclosure.
Frequently Asked Questions
Find answers to the most common questions below. Click on any item to expand and read the full answer.
Menu
Accordion
What is an accordion component?
An accordion component is a UI pattern that allows users to show and hide sections of related content on a page. It helps reduce visual clutter by collapsing content into expandable panels, making it easier to scan and navigate large amounts of information.
Accordions are commonly used for FAQs, product details, and settings menus where space efficiency and clarity are important.
How do I add or remove accordion items?
You can manage accordion items directly in the content editor by navigating to the Accordion section and using the "Add Item" button to create new entries. Each item requires a title and at least one content block.
To remove an item, simply select it and use the delete option. Changes are saved automatically and will be reflected on the published page after the next deployment.
Can multiple accordion items be open at the same time?
This behavior is controlled by the "Multiple" setting on the accordion section. When enabled, users can expand several items simultaneously, which is useful when comparing information across different panels.
When "Multiple" is disabled (the default), opening one item will automatically close any previously open item, keeping the interface clean and focused.
An accordion component is a UI pattern that allows users to show and hide sections of related content on a page. It helps reduce visual clutter by collapsing content into expandable panels, making it easier to scan and navigate large amounts of information.
Accordions are commonly used for FAQs, product details, and settings menus where space efficiency and clarity are important.
How do I add or remove accordion items?
You can manage accordion items directly in the content editor by navigating to the Accordion section and using the "Add Item" button to create new entries. Each item requires a title and at least one content block.
To remove an item, simply select it and use the delete option. Changes are saved automatically and will be reflected on the published page after the next deployment.
Can multiple accordion items be open at the same time?
This behavior is controlled by the "Multiple" setting on the accordion section. When enabled, users can expand several items simultaneously, which is useful when comparing information across different panels.
When "Multiple" is disabled (the default), opening one item will automatically close any previously open item, keeping the interface clean and focused.