The ui5-link is a hyperlink component that is used to navigate to other
apps and web pages, or to trigger actions.
It is a clickable text element, visualized in such a way that it stands out
from the standard text.
On hover, it changes its style to an underlined text to provide additional feedback to the user.
You can set the ui5-link to be enabled or disabled.
To create a visual hierarchy in large lists of links, you can set the less important links as
Subtle or the more important ones as Emphasized,
by using the design property.
If the href property is set, the link behaves as the HTML
anchor tag (<a></a>) and opens the specified URL in the given target frame (target property).
To specify where the linked content is opened, you can use the target property.
If there is not enough space, the text of the ui5-link becomes truncated.
If the wrappingType property is set to "Normal", the text is displayed
on several lines instead of being truncated.
Defines how the text of a component will be displayed when there is not enough space. Note: for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
Defines the ARIA role of the component. Note: Use the "button" role in cases when navigation is not expected to occur and the href property is not defined.
An object of strings that defines several additional accessibility attribute values for customization depending on the use case. It supports the following fields: - expanded: Indicates whether the anchor element, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values: - true - false - hasPopup: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the anchor element. Accepts the following string values: - Dialog - Grid - ListBox - Menu - Tree
Defines the text of the component. Note: Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
Fired when the component is triggered either with a mouse/tap or by using the Enter key.
Type
CustomEvent<LinkClickEventDetail>
Parameters
altKey: boolean Returns whether the "ALT" key was pressed when the event was triggered. ctrlKey: boolean Returns whether the "CTRL" key was pressed when the event was triggered. metaKey: boolean Returns whether the "META" key was pressed when the event was triggered. shiftKey: boolean Returns whether the "SHIFT" key was pressed when the event was triggered.