Skip to main content
The CometChatMessageReceipt component renders the receipts such as sending, sent, delivered, read and error state indicator of a message.

​
How to integrate CometChatMessageReceipt ?

  • TypeScript
<CometChatReceipt
    receipt={status}
    deliveredIcon={deliveredIcon}
    errorIcon={errorIcon}
    readIcon={readIcon}
    sentIcon={sentIcon}
    waitIcon={waitingIcon}
  />

​
Properties

To style or customise the CometChatReceipt, you can use the available parameters or methods.
PropertiesTypeDescription
receipt’SENT’ | ‘DELIVERED’ | ‘READ’ | ‘ERROR’ | ‘WAIT’Based on this CometChatReceipt display an icon.
waitIconImageTypeIt is use to pass user defined image in to the MessageReceipt, to change the icon While sending the message.
sentIconImageTypeIt is use to pass user defined image in to the MessageReceipt, to change the icon When Message is sent.
deliveredIconImageTypeIt is use to pass user defined image in to the MessageReceipt, to change the icon When Message is delivered.
readIconImageTypeIt is use to pass user defined image in to the MessageReceipt, to change the icon When Message is read.
errorIconImageTypeIt is use to pass user defined image in to the MessageReceipt, to change the icon While error occurs.