A link (also known as a hyperlink) is an interactive text element.

It is typically used for navigation, allowing users to move between different pages or sections of an application.

https://www.sap.com/design-system/live-examples/Link/Link_LE_AllLinkVariants.html

Visualization of different link types – live example

Do

Use a link:

• To navigate to another page.
• To jump to an anchor.
• To open an external URL.
• To link to a specific object.

Don't

Don’t use a link:

• To trigger actions (like submitting a form). Use a button instead.
• If there is no link target.

A link is an interactive element in text that is indicated by colored text or an underline.

1. Text
2. Underline

Anatomy of a link

There are three different link variants:

• Default: To display a simple link.
• Emphasized: For very important links that need to attract the user’s attention quickly.
• Subtle: To distinguish between more important (default) and less important (subtle) links when the app page contains a large number of links (10+). Subtle links allow you to improve the visual hierarchy in large lists and tables.

https://www.sap.com/design-system/live-examples/Link/Link_LE_Variants.html

Link variants – live examples

To access an object or navigate, the user clicks the link. It provides visual feedback for the hover and focused states.

If the link can’t be used, display the disabled state. This can be the case if part of the content area is disabled, for example.

https://www.sap.com/design-system/live-examples/Link/Link_LE_DefaultAndDisabledLink.html

A default link and a disabled link – live examples