Loader
Overview
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>