Accordion Examples
This is the text area and will show up when the accordion is open. You can add other blocks in this area.
This is the text area for dark mode.
This is the text area for dark mode.
This is the text area for dark mode.
This is the text area for dark mode.
Adding a Accordions Block
Method 1 – Use a forward slash (/) and then type out “accordion”. The accordion block should show up.
Method 2 – After selecting the editor, the user should see a + icon. Selecting this should show a list of the most common blocks used. If the accordion block is not there, use the search feature to find it.
Accordion Block Features
Side Panels
After selecting the accordion block, the user will see the following options on the right hand panels:
- Display Options – Users can select the heading level, reduce the size of the font, and enable dark mode.
- Space Settings – Users can add margin to the accordion blocks. This is usually done to add more spacing around block so they are not too close to other elements.
- Advanced – Allows users to schedule the block, position the block, and hide the block on a specific breakpoint.
- Block Scheduling (if enabled) – Allows block to be scheduled. This causes the block to be published or unpublished depending on the date selected.