Loader - CometChat Docs

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>

Icon

Icon Button

​Overview

​Properties

​LoaderStyle

​Usage

Overview

Properties

LoaderStyle

Usage