Accordion
The Accordion offers further information on a page while keeping the page length as short as possible.
Example
Each fold-out element contains a headline and an arrow. When fold-in, the arrow points down, when fold-out, the arrow points up.
Elements
Depending on the case, the Accordion can contain different elements:
Sizes
The Accordion can be placed over
a. L (8 columns centered)
b. M (6 columns)
c. floating in S (4 columns)
Left: The Accordion behaves the same in all versions of the three largest viewports.
Right: Only the smallest viewport shows a 12 columns-wide accordion.
Related topics