# Label

![](https://4185914948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSItjRhbHaLQ4ar3DUljt%2Fuploads%2Fgit-blob-95c02c4321b14b0e47bf49de404d3eff1dab343f%2Flabel-web-control-v181-0.png?alt=media)

The Label Web Control displays text to a user. Labels also accept unicode to add emojis or symbols.

## General

### Control Properties

#### Text

Expects type `text`.

The text that is displayed on the Web Page.

#### Format

The HTML tag that wraps the label on the page for accessibility purposes. If empty, it defaults to a "span" tag. It does not affect how the label is displayed.

### Style and Layout

The default Label Variants allow builders to quickly choose among body or heading styles.

Check [Common style properties of web controls](web-controls-overview/common-style-properties-of-web-controls) for further details on how to style your Label Web Control.

## Advanced

### State

#### Is Visible

Expects type `boolean`.

If `TRUE` the label will be visible. If `FALSE` the label will not be displayed. If the field is empty, the label will be visible.

## Example #1

To make a Label change based on a variable, you must edit the Expression for the text of the label. Here's an example where we personalize a greeting by inserting the text variable `firstName` into the text using the `{{ }}` inside of a string to evaluation Airscript.

![](https://4185914948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSItjRhbHaLQ4ar3DUljt%2Fuploads%2Fgit-blob-2c432b94b9ad82e84e50fedc8a85c07da224816e%2Flabel-web-control-v181-1.png?alt=media)

## Example #2

In real-world scenarios you might not have a value for `firstName` so you can create a simple conditional using [IF()](../airscript-expressions/conditional-functions/if) and [ISEMPTY()](../airscript-expressions/conditional-functions/isempty) to check if there's a name and change the label accordingly.

![](https://4185914948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSItjRhbHaLQ4ar3DUljt%2Fuploads%2Fgit-blob-d64c5015bb60779b920d592a9b3052ae66a0dcfc%2Flabel-web-control-v181-2.png?alt=media)
