Link properties

The link definition property template can be used to add a custom property of link type. When defining a link property, the following fields can be used:

Definition properties

Field	Description
`type`	This field is optional for links. Can be either `string`, `integer`, `number`, `array`, or `boolean`. Note: The link effect is achieved by defining the component field to `link`,; see below.
`component`	Used for defining how the property is visualized in the property panel. Used to override the default component that comes with the type setting. This field is mandatory for a link property and should always be `link`.
`label`	Used for defining the label that is displayed on the link.
`url`	Used for defining the web address used in the link. Note: Links are always opened in your default web browser when clicked.

Example

Defining a custom button

Defining a custom property of link type can look like below.

Example:

Note: Customization of properties always starts with items.

define( [
],
  ( ) => {
    return {
      definition : {
        type : "items",
        component : "accordion",
        items: {
          settings: {
            uses: "settings",
            items: {
              MyLink: {
                label:"My Link",
                component: "link",
                url:"http://www.qlik.com/"
              }
            }
          }
        }
      },
      paint: ($element) => {
        //add your rendering code here
        $element.html( "props-link" );
      }
    };
  } );

This is what it looks like in the property panel