> For the complete documentation index, see [llms.txt](https://appmaster.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://appmaster.gitbook.io/docs/web-apps/components-list/label.md).

# Label

Element to display text

## **Look\&Feel Settings:**

**Label text** (mandatory) - text to display.

**Icon** (not mandatory) - label icon.

**Size** (mandatory) - text size.

**Name** (mantory) - this name will help you find this component in BP.

**Visible** (mandatory) - makes the component visible if turned on. Enabled by default.

## **Workflow triggers:**

* **onCreate** – fires when the element is created on the page; 
* **onShow** – fires when the component changes its state to visible (displayed on the page); 
* **onHide** – fires when the component changes its state to hidden (stops being displayed); 
* **onDestroy** – fires when the component is destroyed;
* **onClick** - fires when the component is clicked.

## **Component Actions:**

### **Label get properties**

Gets the label's properties.\
\
**Input** parameters:

* **Component Id** \[*string*] *-* label component's identifier.

**Output** parameters:

* **Label** \[*string*] - label text;
* **Font size** \[*string*] - text size;
* **Font color** \[*string*] - text color;
* **Visible** \[boolean] - component visibility state**.**

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FAVF29EdiboSZWdc0NU7i%2Fimage.png?alt=media\&token=02d27a8a-6e80-4f1e-b13c-9007a99a642d)

### **Label set properties**

Sets all label's properties

**Input** parameters:

* **Component Id** \[string] *-* label component's identifier;
* **Label** \[*string*] - label text;
* **Font size** \[*string*] - text size;
* **Font color** \[*string*] - text color;
* **Visible** \[boolean] - component visibility state**.**

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FRjm7Q9zwo09kW2RQ0AAB%2Fimage.png?alt=media\&token=3a7bf67c-9977-47dd-8b02-68f53037a005)

### **Label update properties**

Update label's properties

**Input** parameters:

* **Component Id** \[string] *-* label component's identifier;
* **Label** \[*string*] - label text;
* **Font size** \[*string*] - text size;
* **Font color** \[*string*] - text color;
* **Visible** \[boolean] - component visibility stat&#x65;**.**<br>

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2F5pAGmZsG2tc8tif2hvWt%2Fimage.png?alt=media\&token=6d74c16a-34e0-44fb-b039-4a67295bd769)

## **Usage example:**

The label element can display dynamic content

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2Fl3umTmm2mUTHnn9XM1xi%2Fimage.png?alt=media\&token=af69f697-6424-4086-a4e8-3337fd8e6d53)