The brandLink target opens in a new window. SBB Brand portal Logo Digital clock Rights of useColors Base colors Additional colors Off brand colorsAssets Icons Timetable icons PictogramsLanguage About UX Writing Button and link texts Forms and inputs Notifications Progress indicators Digital word list
Introduction About accessibility About this guide Contact Further informationAccessibility by roles Product Owner User Research Interaction Design Visual Design Development Content Design Testing
First steps What is a design system? Designing Coding FAQ HelpOrganisation Process Contribution ContactMobile Overview Base ComponentsLyne Overview What is Lyne? Releases Presets & Themes Design Tokens Components TemplatesMaps Overview Base InformationsPatterns Overview
Regulations App IconsGuides Power-Apps Digital banner ads SAP Design Guidelines AI Design: Basics
Textexpand.
Overview
What does the component do?
It further expands an existing text to show more information.
When should the component be used?
For long additional information.
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.
Variants
States
The component has the following states:
Collapsed
Expanded
Variants
Default
Specifications
Link target opens in a new window.DesignLink target opens in a new window.Code