Skip to main content
Version: v4

Document Bubble

Overview

This element is a card view consisting of title, subtitle, url, icon and a launch button.

Properties

NameTypeDescription
URLstringURL of the element
titlestringTitle of the element
subtitlestringSubtitle of the element
buttonTextstringText on the launch button
iconURLstringAsset URL for the download icon
hideSeparatorbooleanWhen set to true, hides the separator which is displayed above the launch button
iconAlignmentDocumentIconAlignmentused to override click callback
documentStyledocumentStyleStyling properties and values of the element

documentStyle

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
iconTintSets the tint or color applied to the download icon of the element
separatorColorSets the color of the separator between individual items
titleFontSets all the different properties of font for the title text. Reference link
titleColorSets the foreground color of title text.
subtitleFontSets all the different properties of font for the subtitle text. Reference link
subtitleColorSets the foreground color of subtitle text.
buttonTextFontSets all the different properties of font for the text on the launch button. Reference link
buttonTextColorSets the foreground color of launch button text.
buttonBackgroundSets all background style properties at once, such as color, image, origin and size, or repeat method of the launch button. Reference link

Usage

<cometchat-document-bubble
title={"Your Title"}
URL={"URL"}
></cometchat-document-bubble>