Backdrop - CometChat Docs

This element represents the background against which other elements are presented.

Properties

Name	Type	Description
isOpen	Boolean	When set to true, makes the element visible
backdropStyle	BackdropStyle	Styling properties and values of the element

Events

Events dispatched from the element

Name	Description
cc-backdrop-clicked	Event triggered when user clicks on the element

BackdropStyle

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. Reference link

Usage

HTML
JavaScript

<cometchat-backdrop
[backdropStyle]="backdropStyle"
></cometchat-backdrop>

import "@cometchat/uikit-elements"; //import the web elements package.
import { backdropStyle } from "@cometchat/uikit-elements"; //import the BaseStyle class.


backdropStyle: BackdropStyle = new BackdropStyle({
  background: '#cba3ff',
  border: '1px solid #6f00ff',
  borderRadius: '12px',
});

⌘I