---
source: https://qlik.dev/extend/property-panel-basics/define-properties/text-properties/
last_updated: 2025-07-03T16:05:11+02:00
---

# 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`.

```js
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

[image: Custom text label object in
extension]