Updated: November 28, 2018




The text control is used to display text. It generally contains the text that developers want apps to display (property: text).

Text used within a form
Text used within a form


Use the text control if you want to display text inside a form, table, or any other content area. Do not use the text control if you need a label, or vice versa.


The text control is fully adaptive to all screen sizes. You can also set a specific width and overwrite the default value. The resizing behavior depends on the settings that the apps use for the text.

Behavior & Interaction


The text control supports language-specific hyphenation.


You can define whether the text should wrap or directly truncate (property: wrapping).

You can also define how often the text should wrap before it truncates (property: maxLines).

For more information about the responsive behavior of text, see Wrapping and Truncating Text.

Note: The truncation indicator for multiple lines depends on the browser line clamping support. For browsers that support it, this will be shown as ellipsis (…), whereas in other browsers, the overflowing text will just be cut off.

Text – Maximum line examples
Text – Maximum line examples


Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.

Elements and Controls