# Integer property definition

Information noteSTABLE.   
  
This API is reliable and breaking changes are unlikely.

## Fields

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

### type

This field is mandatory and should always be "integer" for an integer property type definition.

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

### label

Used for defining how the property is visualized in the property panel. Used to override the default component that comes with the type setting.

### ref

Name or ID used to reference a property.

### defaultValue

Used for defining the default value of your custom property.

### min

Used for defining the minimum value of the property.

### max

Used for defining the maximum value of the property.

## Examples

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

Example: Add custom integer property to Appearance accordion

Information noteCustomization of properties always start with items:.

```
	return {
		type: "items",
		component: "accordion",
		items: {
			settings: {
				uses: "settings",
				items: {
					MyIntProp: {
						type: "integer",
						label: "Minimum",
						ref: "myproperties.min",
						defaultValue: "10"
					}
				}
			},
```

This is what it looks like in the property panel

![An interface titled "MyNewExtension" with the subtitle "Appearance". There are two hide and show buttons called "General" and "Minimum". Under the expanded "Minimum" hide and show button there is a text field with the number 10 in it.](https://help.qlik.com/en-US/sense-developer/May2026/Subsystems/APIs/Content/Resources/Images/ex_ExtensionPropertiesCustomIntProp.png)

You can also define a new accordion item as an integer property

Example: Add custom integer property as a new accordion item

```
	return {
		type: "items",
		component: "accordion",
		items: {
			MyAccordion: {
				type: "integer",
				label: "Min/Max",
				ref: "myproperties.min",
				defaultValue: "15",
				min: "10",
				max: "20"
			}
```

This is what it looks like in the property panel

![An interface titled "MyNewExtension" with the subtitle "Min/Max". It contains a subtitle that is also called "Min/Max" with a text field below it containing the number 15.](https://help.qlik.com/en-US/sense-developer/May2026/Subsystems/APIs/Content/Resources/Images/ex_ExtensionPropertiesCustomIntProp2.png)