Loader
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 | 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 |
| iconTint | Sets the tint or color applied to the icon |
Usage
- Javascript
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>