Skip to main content

File bubble

This element handles the display and the download functionality for an individual file.

Properties

NameTypeDescription
titlestringTitle of the element
subtitlestringSubtitle of the element
fileUrlstringURL of the file
downloadIconURLstringAsset URL for the download icon
fileStyleFileBubbleStyleStyling properties of the element

FileBubbleStyle

Styling properties 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
titleFontSets all the different properties of font for the title text. Reference link
titleColorSets the foreground color of the title text.
subtitleFontSets all the different properties of font for the subtitle text. Reference link
subtitleColorSets the foreground color of the title text.
iconTintSets the tint or color applied to the download icon

Usage

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>