> ## 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.

# Loader

> Loader — CometChat documentation.

This element helps to notify users that loading is underway. They are used while retrieving data or performing slow computations.

## Properties

| Name        | Type                                            | Description                                  |
| ----------- | ----------------------------------------------- | -------------------------------------------- |
| name        | string                                          | Text to appear on the icon                   |
| iconURL     | string                                          | Asset URL for the icon                       |
| loaderStyle | [LoaderStyle](/web-elements/loader#loaderstyle) | Styling properties and values of the element |

## LoaderStyle

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 of the element. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/background) |
| iconTint     | Sets the tint or color applied to the icon                                                                                                                                                          |

## Usage

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

    const loaderIcon = "https://img.icons8.com/?size=24&id=102555&format=svg";
    <cometchat-loader :URL="loaderIcon"><cometchat-loader>
    ```
  </Tab>
</Tabs>