Skip to main content
Version: v4

Loader

Overview

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

Properties

NameTypeDescription
namestringText to appear on the icon
iconURLstringAsset URL for the icon
loaderStyleLoaderStyleStyling properties and values of the element

LoaderStyle

Styling properties and values of the element

NameDescription
widthSets the width of the element
heightSets the height of the element
borderSets the border of the element
borderRadiusSets the border radius of the element
backgroundSets all background style properties at once, such as color, image, origin and size, or repeat method of the element. Reference link
iconTintSets the tint or color applied to the icon

Usage

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>