Navigieren auf


1. What does the component do?

It expands an existing text to show more information.

2. When should the component be used?

For long additional information.

3. Rules

  • The text expand can only be used for texts.
  • Apart from hiding, no further interaction elements can be used when expanded.
  • The separation of the texts must ensure that the context of all the information is clear when expanded.
  • It can only be used for multi-line texts.
  • Complex structures are not permitted.
  • The text expand cannot be used for structuring elements.
  • The title and other structural elements are not permitted when collapsed.

4. Variants and statuses

The component has the following statuses:

  • Collapsed
  • Expanded

4.1 Standard

Image of the text expander component

Design specification

Code specification