Icon - CometChat Docs

Overview

This element displays an icon. It currently supports only svg icons

Properties

Name	Type	Description
name	string	Name of the element
URL	string	Asset URL of the element
iconStyle	IconStyle	Styling properties and values of the element

IconStyle

Styling properties and values of the element

Name	Description
width	Sets the width of the element
height	Sets the height of the element
iconTint	Sets the tint or color applied to the icon

Usage

JavaScript

import '@cometchat/uikit-elements';//import the web component package.
import { iconStyle } from '@cometchat/uikit-elements';

const iStyle = new iconStyle({
width: "24px",
height: "24px",
iconTint: "lightgreen"  
});

const iconURL = "https://img.icons8.com/?size=24&id=717&format=svg";

<cometchat-icon 
:URL="iconURL"
:iconStyle="iStyle">
</cometchat-icon>

⌘I