Expansion Panel
Examples
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
Expansion Panel Section Headline 6 - no image
Expansion Panel Section Subtitle 6 - background color black - bottom spacing
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
Important notes
- Number of characters
- Title: max 60 characters
- 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.
- Default: small width (as for rich text)
- As you can use all kinds of components, we use the wider version if that component is needed in the expansion pane.