Accordion
Use the accordion component to display a set of items within an accordion on your web page.
Add the component to your page
When you are editing your page using page-builder:
-
Add a component to your page by clicking the
Add component button or by adding a content block (by clicking the button) then clicking the add component button. -
Locate the accordion Squiz core component within the component browser and then click the select button.
-
This will add the accordion component to your page.
Configure the accordion component
Accordion content and settings
-
Add: The [item-configuration])
Add button allows you to add additional items to your accordion. When the component loads you will have an unpopulated item that you can fill in (see -
Heading level: This allows you to choose the heading level for the item title.
-
Auto-collapse when another is expanded: This setting controls if other accordion items will auto-close if you select a different item.
-
Show expand/close all button: This controls whether a button to open or close all accordion items is provided.
-
: The delete button will remove the event from.
-
Title: Enter the title for your card.
-
Content: Enter the content that will be displayed for this accordion item.
-
Expanded by default: Controls if the accordion item is displayed in the open state when the page loads.