Accordion Block

The Accordion Block allows you house a bunch of content e.g. FAQs into collapsable elements and output Schema for these items.

Accordion Item #1

expand_more

Here is some example collapsable content

Heading Background & Chevron Colour Setting

This setting allows you to select a background colour for your heading items & also allows you to change the colour of the chevron icon within your drop-downs.

Note: you would apply your heading settings within the heading block as standard i.e. choosing the H tag, style etc

Annotation on 2020-06-08 at 14-50-23.png

Once you have selected your heading & chevron settings; you can start adding blocks to the content area below the drop-down. The accordion block allows you to insert mostly any block within this area and padding on the collapsable area is automatically inserted for you.

Note: Any block you insert within the collapsable area, will have it’s own individual settings e.g. paragraph text will have all of the settings included such as margin, padding, text colour etc if needed.

Screenshot on 2020-06-08 at 14:55:41.png

Keyboard accessibility is also supported within this block