Hyperlink component
The Hyperlink component allows you to display a hyperlink with customizable options. You can set your own text for the URL, making it more relevant to your content. Additionally, you have the flexibility to choose whether the linked page opens in the current tab or in a new tab, enhancing the user experience based on your needs.
General Settings
Configure the following general settings.
| Settings | Description |
|---|---|
| Name | Enter a name for the component. |
| Label | Enter a label for the component. The text entered in the Label option serves as the text for the hyperlink. When no value is provided for the Label option, the component uses the value of the URL option. |
| URL | Enter the URL that is opened when the hyperlink is clicked. The value of this option should be a URL, for example, the URL of a webpage, like https://boomi.com. To create a new value, refer to Creating a new value. |
| Where to open | The 'Where to Open' field allows you to define how the linked page displays when you click the hyperlink. You have the option to choose whether to open the page in the current tab or in a new tab. To configure this field, enter custom text or select a value of type String. To create a new value, refer to Creating a new value. When providing a custom value, it should be valid for the “target” attribute of an HTML anchor tag. Refer to The Anchor element for more information. |
| Help information about this component | Provide any help information that is displayed below the component. For example, additional guidance on the usage and so on. |
Styles
Apply additional CSS styling to the component.
- Enter space-delimited CSS classes/selectors into the CSS Classes field. When you run the Flow, these classes append to the main component class.
