File Bubble

CometChatFileBubble is the content view for a MediaMessage if the media sent is a file.

Properties

Name	Type	Description
title	string	Title of the element
subtitle	string	Subtitle of the element
fileUrl	string	URL of the file
downloadIconURL	string	Asset URL for the download icon
fileStyle	FileBubbleStyle	Styling properties of the element

FileBubbleStyle

Styling properties 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
titleFont	Sets all the different properties of font for the title text. Reference link
titleColor	Sets the foreground color of the title text.
subtitleFont	Sets all the different properties of font for the subtitle text. Reference link
subtitleColor	Sets the foreground color of the title text.
iconTint	Sets the tint or color applied to the download icon

Usage

Javascript

import '@cometchat/uikit-elements';//import the web elements package.

const url = "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf";

//use the element
<cometchat-file-bubble fileURL={url}></cometchat-file-bubble>