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

# Receipt

> Receipt — CometChat documentation.

The CometChatReceipt 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-rn-guide-message-privately/mNTojjz_O28of40c/images/f82a1b5b-a1w8ok8jbsn50ui54tdfv1qqk5yregcweimaoo5kdk2eymhorifbpx6ksagig4g7-c4c6ce1ea172a4f9d33782a390b4aeee.png?fit=max&auto=format&n=mNTojjz_O28of40c&q=85&s=ae666cafeb54e3a333104fab885bdd53" width="509" height="472" data-path="images/f82a1b5b-a1w8ok8jbsn50ui54tdfv1qqk5yregcweimaoo5kdk2eymhorifbpx6ksagig4g7-c4c6ce1ea172a4f9d33782a390b4aeee.png" />
</Frame>

## Properties

| Name          | Type                             | Description                                                |
| ------------- | -------------------------------- | ---------------------------------------------------------- |
| waitIcon      | string                           | Asset URL for the wait icon                                |
| sentIcon      | string                           | Asset URL for the sent icon                                |
| deliveredIcon | string                           | Asset URL for the delivered icon                           |
| readIcon      | string                           | Asset URL for the read icon                                |
| errorIcon     | string                           | Asset URL for the error icon                               |
| receipt       | [Receipts](/web-shared/receipts) | Group of constants representing the various receipt status |

## ReceiptStyle

| Name              | Description                                  |
| ----------------- | -------------------------------------------- |
| waitIconTint      | Sets the color applied to the wait icon      |
| sentIconTint      | Sets the color applied to the sent icon      |
| deliveredIconTint | Sets the color applied to the delivered icon |
| readIconTint      | Sets the color applied to the read icon      |
| errorIconTint     | Sets the color applied to the error icon     |

## Usage

<Tabs>
  <Tab title="HTML">
    ```html theme={null}
    <!--display the wait status icon-->
    <!--use the element-->
    <cometchat-receipt
    [waitIcon]="myCustomIcon"
    ></cometchat-receipt>
    ```
  </Tab>
</Tabs>