> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-rn-guide-message-privately.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Label

> Label — CometChat documentation.

This element provides descriptive information about the associated UI element.

## Properties

| Name       | Type                                         | Description                                     |
| ---------- | -------------------------------------------- | ----------------------------------------------- |
| text       | string                                       | Descriptive text associated with the UI element |
| labelStyle | [LabelStyle](/web-elements/label#labelstyle) | Styling properties and values of the element    |

## LabelStyle

Styling properties and values of the element

| Name         | Description                                                                                                                                                                          |
| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| width        | Sets the width of the element                                                                                                                                                        |
| height       | Sets the height of the element                                                                                                                                                       |
| border       | Sets the border of the element                                                                                                                                                       |
| borderRadius | Sets the border radius of the element                                                                                                                                                |
| background   | Sets all background style properties at once, such as color, image, origin and size, or repeat method. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/background) |
| textFont     | Sets all the different properties of font for the descriptive text. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                          |
| textColor    | Sets the foreground color of the descriptive text.                                                                                                                                   |

## Usage

<Tabs>
  <Tab title="JavaScript">
    ```javascript theme={null}
    import '@cometchat/uikit-elements'; //import the web elements package.
    import { labelStyle } from '@cometchat/uikit-elements';

    const lStyle = new labelStyle({
      textFont: "italic 1.2em 'Fira Sans'"
    });

    //make use of the element; pass a custom style
    <cometchat-label :text="Hello World!" :labelStyle={lStyle}></cometchat-label>
    ```
  </Tab>
</Tabs>