Skip to main content
Version: v4

Backdrop

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

Properties

NameTypeDescription
isOpenBooleanWhen set to true, makes the element visible
backdropStyleBackdropStyleStyling properties and values of the element

Events

Events dispatched from the element

NameDescription
cc-backdrop-clickedEvent triggered when user clicks on the element

BackdropStyle

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

Usage

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


const bStyle = new BaseStyle({
background: "linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%)"
});
<cometchat-backdrop :backdropStyle="bStyle"></cometchat-backdrop>