CB-ACC-001

Accordion

CB-ACC-001 The Accordion block organises detailed information into collapsible sections, helping keep pages clean and easy to scan while allowing users to reveal more content when needed.

Users can expand individual items to reveal more content, making it ideal for FAQs, supporting information or longer explanations without overwhelming the page.

Content Block Fields:

  • Eyebrow

  • Headline

  • Accordion Items - No max limit

Nested Accordion Items Fields:

  • Title

  • Body Copy

Content Block Settings:

  • Background Colours

Demo

Grey

Accordion headline

The Accordion block helps organise longer or supporting information into collapsible sections. This keeps the page easy to scan while still allowing users to explore more detail when they need it.

Black

Accordion headline

The Accordion block helps organise longer or supporting information into collapsible sections. This keeps the page easy to scan while still allowing users to explore more detail when they need it.

White

Accordion headline

The Accordion block helps organise longer or supporting information into collapsible sections. This keeps the page easy to scan while still allowing users to explore more detail when they need it.

Yellow

Accordion headline

The Accordion block helps organise longer or supporting information into collapsible sections. This keeps the page easy to scan while still allowing users to explore more detail when they need it.