> For the complete documentation index, see [llms.txt](https://help.parta.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.parta.io/editor/edit-elements/set-interactive-elements/active-labels.md).
# Active labels
An interactive picture with clickable labels. Clicking these labels shows more information to the user.
#### Double-click on an element to view its settings.
### 1. Change image
To change the image, click on the image file's name and select or [upload ](broken://pages/1zjSTjH7pgMiPT2FRC83#upload-resources)new image.
### 2. Add label
To add a new label, click on "**Add**" button placed in the element settings
### 3. Change label type
{% hint style="info" %}
Active label can be two types: icon and number.
{% endhint %}
To change active label view, switch property **type** in the element settings.
### 4. Delete label
To remove a label, select the **"delete"** option in the element settings.
### 5. Duplicate label
To duplicate a label, select the **"duplicate"** option in the element settings.
### 6. Move label
To move a label, just drag the label to where you want it to appear.
### 7. Add label content
To add text content to a label, click on a label and insert required information.
To add an image to a label, click on a label setting "**upload file**" and select or [upload ](broken://pages/1zjSTjH7pgMiPT2FRC83#upload-resources)new image.
### 8. Change label icon
To change a label icon, click on a "**label icon**" property and select or [upload ](broken://pages/1zjSTjH7pgMiPT2FRC83#upload-resources)new image.