Receipt - CometChat Docs

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.

Properties	Type	Description
receipt	’SENT’ \| ‘DELIVERED’ \| ‘READ’ \| ‘ERROR’ \| ‘WAIT’	Based on this CometChatReceipt display an icon.
waitIcon	ImageType	It is use to pass user defined image in to the MessageReceipt, to change the icon While sending the message.
sentIcon	ImageType	It is use to pass user defined image in to the MessageReceipt, to change the icon When Message is sent.
deliveredIcon	ImageType	It is use to pass user defined image in to the MessageReceipt, to change the icon When Message is delivered.
readIcon	ImageType	It is use to pass user defined image in to the MessageReceipt, to change the icon When Message is read.
errorIcon	ImageType	It is use to pass user defined image in to the MessageReceipt, to change the icon While error occurs.

​How to integrate CometChatMessageReceipt ?

​Properties

How to integrate CometChatMessageReceipt ?

Properties