A Link is a button component without any background or border. You can use it in places where your app screens require a borderless button.

Adding a Link button

To add the Link on the screen:

  • Select the Link component from the Components drawer. You can open the list of components by clicking the + button next to Components.
  • Select the added component in the Components tree.
  • Go to the Config tab (third tab) in the Properties Panel to add a label on the button.
1425

Configuration Properties

PropertyDescription
Component NameTo alter the name of the component. The name is reflected in the Components tree. Defaults to Link.
Max # of LinesSet the maximum number of lines to be displayed when Truncate Text is set.
Truncate TextDetermine how the text will be truncated if the Max # of Lines property is set in conjunction.
DisabledRemoves button functionality.

📘

How to Truncate Text on a Link component?

Here are the instructions on customizing a Link component using Truncate Text and Max # of Lines properties.

Changing the Label color, Font, and Font Size

To change the font, font size, or color on a Link component:

  • Select the Button Outline component in the Components tree.
  • Go Styles tab (first tab) in the Properties Panel > Style.
  • Add the desired value for the Color, Font, and Size property from the color picker or enter a custom color value in hexadecimal or rgba format.
1425