A link (also known as hyperlink) is an interactive text element.
Different links visualizing the various link types
Use a link if:
- You want to navigate to another page.
- You want to trigger an event.
- You want to point to an object or person. If so, you can either navigate to the object’s/person’s details or display them in a quick view after the link is triggered.
Do not use a link if:
The link can either truncate or wrap. Favor wrapping over truncating and keep the link text as short and meaningful as possible.
For more information and guidelines on the responsive behavior of text, see Wrapping and Truncating Text.
Wrapped (first) and truncated (second) link
There are four different link types:
- Link with icon
Default, emphasized, subtle link, and link with icon
Use a default link if you want to display a simple link.
Use an emphasized link for extraordinarily important links that need to attract the user’s attention quickly.
Link with Icon
Use the link with an icon when the user expects and profits from the icon in the UI context. Please note that the icon is supportive, which means that it supports the text next to it. Therefore, a tooltip is not required. Do not use the icon for additional information.
Links with icon
Behavior and Interaction
Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.