> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-agent-native-development.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Receipt

> Receipt — CometChat documentation.

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

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-agent-native-development/gyecNxNCJ22EeSIH/images/f82a1b5b-a1w8ok8jbsn50ui54tdfv1qqk5yregcweimaoo5kdk2eymhorifbpx6ksagig4g7-c4c6ce1ea172a4f9d33782a390b4aeee.png?fit=max&auto=format&n=gyecNxNCJ22EeSIH&q=85&s=9d97aa0a68853ae9e504cddac96b0371" width="509" height="472" data-path="images/f82a1b5b-a1w8ok8jbsn50ui54tdfv1qqk5yregcweimaoo5kdk2eymhorifbpx6ksagig4g7-c4c6ce1ea172a4f9d33782a390b4aeee.png" />
</Frame>

## How to integrate CometChatMessageReceipt ?

<Tabs>
  <Tab title="TypeScript">
    ```tsx theme={null}
    <CometChatReceipt
        receipt={status}
        deliveredIcon={deliveredIcon}
        errorIcon={errorIcon}
        readIcon={readIcon}
        sentIcon={sentIcon}
        waitIcon={waitingIcon}
      />
    ```
  </Tab>
</Tabs>

## 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. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.