Link
The Link component allows users to navigate to another place in the page, another page or another page in a new tab or window.
Example
You can use the Link component to redirect the user to an external site, for example a satisfaction survey.
Note: The Link component follows the WCAG 2.0 AA accessibility guidelines.
Properties
The following Link component properties are available:
Main
| Property | Description | Required |
|---|---|---|
| Label | Enter the text you want to show the user. | No |
| Url | Enter the link you want the user to follow. You can use templating. | No |
Note: See Templating drop-down for more details on rendering dynamic content using Liquid.
Styles
| Property | Description | Required |
|---|---|---|
| Target | Select the target to specify where to open the new page. | No |
| Size | Select the size. | No |
| Variant | Select the appearance. | No |
Interactions
| Property | Description | Required |
|---|---|---|
| Hidden | Select the checkbox to hide the component in the end-user app. To hide it in the canvas, use the eye icon in the Layers panel. | No |
| Add rule | You can set rules to hide the component using Liquid. If no rules are set, the component will be hidden in all instances. | No |
Note: See Add rules to trigger properties for more information on setting rules for these properties.
Accessibility
| Property | Description | Required |
|---|---|---|
| Title | Enter a text that is displayed as a tooltip when hovering the mouse over the component in the end-user app. For icons that convey meaning (semantic icons) enter a descriptive title for screen readers. No title is needed for decorative icons. | No |