Text properties

The text definition property template can be used to add a custom property of text type. When defining a text 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 setting the component field to `"text"`; 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 `"text"`.
`label`	Used for defining the label that is displayed on the link.

Example

Defining a custom text

Defining a custom property of text 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: {
                MyText: {
                  label:"My text",
                  component: "text"
                }
              }
            }
          }
      },
      paint: ($element) => {
        //add your rendering code here
        $element.html( "props-text" );
      }
    };
  } );

This is what it looks like in the property panel