Collapsed
Expanded
Expanding
When the "Show more" text is clicked, the component expands vertically to show all hidden text.
Number of lines
The component can be configured to show one, two or three lines of text when in the collapsed state.
1. When to use
Use this component to save vertical space when designing a content heavy page. Do not use this component when there is sufficient space to display the entire content block. ¹
2. Secondary Information
Only use this component to truncate secondary information such as descriptions or additional contextual information. Do not use this component to truncate primary information that is critical to decision making. ¹
Related Components
Additional Reading
Wrapping and Truncating Text https://experience.sap.com/fiori-design-web/wrapping-and-truncating-text/