> ## Documentation Index > Fetch the complete documentation index at: https://cometchat-22654f5b-docs-audit-content-webhooks.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # Message Information > Message Information — CometChat documentation. CometChatMessageInformation is a standalone component that displays comprehensive information about the message receipts. This will enable users to easily access details such as the message content, recipient and delivery receipt information for a more informed communication experience. ## Properties ### Title Heading text for the component | Name | Type | Description | | ----- | ------ | ------------------------------ | | title | String | Heading text for the component | ### Message Customise message object and message template of the component | Name | Type | Description | | -------- | -------------------------------------------------------- | ---------------------------------------- | | message | CometChat.Message | CometChat message object | | template | [CometChatMessageTemplate](/web-shared/message-template) | Override the default message bubble view | ### Loading state This refers to the state of the component when it is actively retrieving or fetching data. | Name | Type | Description | | ---------------- | ------ | ---------------------------------------------------------------------------------------------- | | loadingIconURL | string | Asset URL for the loading indicator icon | | loadingStateView | view | Reference to the template within the user-defined component to customise the loading indicator | ### Empty state This refers to the state of the component when it has no content or data to display | Name | Type | Description | | -------------- | ------ | ---------------------------------------------------------------------------------------------------------- | | emptyStateText | string | The textual content displayed in the empty state of the component. | | emptyStateView | view | Reference to the template within the user-defined component to customise the empty state of the component. | ### Error state This refers to the state of the component when an error occurs during the retrieval of the data. | Name | Type | Description | | -------------- | ------ | ---------------------------------------------------------------------------------------------------------- | | errorStateText | string | The textual content displayed in the error state of the component. | | errorStateView | view | Reference to the template within the user-defined component to customise the error state of the component. | ### Assets URL Custom asset URL used for graphical representation | Name | Type | Description | | ------------- | ------ | ------------------------------------------------------------------------------------------- | | readIcon | string | Asset URL for the read state indicating that a sent message is read by the receiver. | | deliveredIcon | string | Asset URL for the delivered state indicating that a sent message is delivered successfully. | | closeIconURL | string | Asset URL for the close icon | ### Date pattern Customise the date pattern of message receipts. | Name | Type | Description | | ------------------ | -------------------------- | ------------------------------------------------------------------------------ | | receiptDatePattern | (timestamp:number)=>string | Override the in-built pattern with your custom representation of the timestamp | ### Custom view UI component created and customised by the developer to meet your design or functional requirements. | Name | Type | Description | | ------------ | --------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | | subtitleView | (messageObject: CometChat.BaseMessage, messageReceipt?: CometChat.MessageReceipt) => ViewType | Reference to the template within the user-defined component to customise the secondary text shown in the default user profile. | | bubbleView | (message: CometChat.BaseMessage)=> ViewType | Reference to the template within the user-defined component to customise the message bubble view | | listItemView | (messageObject: CometChat.BaseMessage, messageReceipt?: CometChat.MessageReceipt) => ViewType | Reference to the template within the user-defined component to customise the each list item | ### Function callback Functions that can be invoked by the user in response to a specific event or condition. | Name | Type | Description | | ------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------- | | onClose | ()=>void | Override the method that is invoked when user clicks on the close icon | | onError | ((error:CometChat.CometChatException)=>void) \| null | Override the method that is invoked when an error is encountered within the component | ### Style Styling properties and values of all the involved components | Name | Type | Description | | ----------------------- | -------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | | listItemStyle | [listItemStyle](/web-elements/list-item#listitemstyle) | Styling properties and values of the [Listitem](/web-elements/list-item) component | | messageInformationStyle | [MessageInformationStyle](/web-shared/messageinformationstyle) | Styling properties and values of the [Message Information](/ui-kit/vue/message-information) component |