> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/governed-dashboards-1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/governed-dashboards-1/charts-gallery/other-charts/label.md).

# Label

The Label component displays text or an image. This component can also be used to perform the action(s) when clicked using Java Script.

### **Default Chart Image**

![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FhhFQxP90JY5xsonLRzpm%2FDefault%20design.png?alt=media\&token=3d411c47-12ec-4361-8643-2585efe61f6a)

## **Properties of the Label**

### **Background**

The user can enable the shadow, change the shadow color and transparency of that shadow.

      ![](https://2847660295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTmpwImm2wvMpv2GGC779%2Fuploads%2FPZ1hG7jktRplf0bdxgqp%2Fimage.png?alt=media\&token=50415425-9ca3-4123-b2cf-a9043ae17c62)

### **General**

* The user can change the height, width, top, and left. If initial visibility is unchecked, then the chart won’t be visible at the first preview.
  * If Dynamic is enabled then the Label value can be dynamically changed based on the outputs from other components like filters.
  * The user can write what they want to see in the label in the **Text** section.

      ![](https://2847660295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTmpwImm2wvMpv2GGC779%2Fuploads%2Fa9vQsPFYwj6qHMw0LkM0%2Fimage.png?alt=media\&token=73849738-01a8-4743-9146-5d944e5e57e2)

### **Style**

In this section, the user can change the font color-style-weight properties.

      ![](https://2847660295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTmpwImm2wvMpv2GGC779%2Fuploads%2FR2suaSTQS5cffeD29NIu%2Fimage.png?alt=media\&token=0dda5431-08dc-491d-a265-63798c16eb01)

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark> Enable Hover, Hover Color, Border Thickness, Border Color, and Cursor Style fields are added under the Style properties for a Label.*
{% endhint %}

<figure><img src="https://2847660295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTmpwImm2wvMpv2GGC779%2Fuploads%2FxEO1MSBwYPBjE8f5qZgJ%2FData%20Label%20-%20Hover%20and%20border%20color%20%26%20thickness%20control.gif?alt=media&amp;token=3fa46371-2ab7-40c9-b7fd-2e1902323e01" alt=""><figcaption><p>Style Properties for Label Hover and Border color, thickness control</p></figcaption></figure>

### **Modified Label**

![](https://2847660295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTmpwImm2wvMpv2GGC779%2Fuploads%2FVlPMXRAH9ZsiIOcWLzhK%2Fimage.png?alt=media\&token=a916129e-2826-4de1-a17a-7d370e8b4402)