Skip to main content

DetailsOption

CometChatDetailsOption is a pre-defined structure for creating option within a DetailsTemplate in the CometChatDetails component.

Structure of CometChatDetailsOption

NameTypeDescription
idstringIdentifier for the template option
titlestringHeading text for the template option
tailviewUser-defined UI component to customise the trailing view for each option in a template.
customViewviewUser-defined UI component to override the default view for the option.
onClick(user:CometChat.User => void)Function invoked when user clicks on the option.
titleFontstringSets all the different properties of font for the title text
titleColorstringSets the foreground color of title text
iconURLstringAsset URL for the icon to symbolize an option
iconTintstringColor applied to the icon of the option
backgroundColorstringColor applied to the background of the option