Navigieren auf


1. What does the component do?

  • It further 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 the link ‘show less’, 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.
  • Can only be used in multi-line texts.
  • Multiple 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 expand component

Design specification

Code specification