Search
show/hide navigation
Submit

Expansion Panel

Examples

View in Dark Mode | View in Light Mode

Expansion panel Headline 1 - with image

Expansion panel Subtitle 1 - background color Black

  • Accordion module can be used in 2 different widths. This is the version with same width as a rich text field. There is also a wider version. As you see underneath.
  • There are 4 different colors: blue, black, grey and white
  • By default, the panes are collapsed when you open a page. You can also choose the have the pane expanded.
  • Within the panes you can use all different components, e.g. this rich text component. The examples contain different variants.

Expansion panel Headline 2 - with image - with bottom spacing - Grey - no subtitle

This is a Benefit List 

  • Maximum characters Expansion panel Headline: 60 
  • Maximum characters Expansion panel subtitle: 30 You can also insert BenefitListElementText
  • There is also the possibility to add an image in the pane. The image is cropped to a circle. 
  • This is a BenefitListElementTitle This is a BenefitListElementText

Expansion panel Headline 4 - no image

Expansion panel Subtitle 4 - no background color selected

This is a testing phrase.

Expansion Panel Section Headline 5 - with image

Expansion Panel Section Subtitle 5 - No background color

Download for free!

Download our brochure for more information on our solutions for a variety of applications

Request your free copy

Expansion Panel Section Headline 6 - no image

Expansion Panel Section Subtitle 6 - background color black - bottom spacing

Teaser articles containers

Expansion Panel Section Headline 7 - with image

Expansion Panel Section Subtitle 7 - background color grey - expanded

  • Accordion module can be used in 2 different widths. This is the version with same width as a rich text field. There is also a wider version. As you see underneath.
  • There are 4 different colors: blue, black, grey and white
  • By default, the panes are collapsed when you open a page. You can also choose the have the pane expanded.
  • Within the panes you can use all different components, e.g. this rich text component. The examples contain different variants.

Briefing

Template accordion
Download

Important notes

  • Number of characters
  1. Title: max 60 characters
  2. Subtitle: max 30 characters. This is a single line text field, so no links and other layout changes possible. 
  • Image: always squared with maximum size 400 x 400 (optional)
  • Colors: blue, black, grey
  • Width: accordion module can be used in 2 different widths.
  1. Default: small width (as for rich text)
  2. As you can use all kinds of components, we use the wider version if that component is needed in the expansion pane.
Compare
Compare