> For the complete documentation index, see [llms.txt](https://docs.digitalriver.com/digital-river-api/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digitalriver.com/digital-river-api/developer-resources/digitalrivercheckout.js-reference/digitalrivercheckout-object/components/thank-you-component.md).

# Thank you component

The thank you component confirms that the purchase was successful and displays the [order's](https://www.digitalriver.com/docs/digital-river-api-reference/#tag/Orders) identifier.

![](/files/ysyporqGWzVwuhUhkMgC)

The component can also display instructions on authorizing [Konbini](/digital-river-api/payments/supported-payment-methods/konbini.md), [Wire Transfer](/digital-river-api/payments/supported-payment-methods/wire-transfer.md), and other delayed payment methods. More specifically, if the [`flow`](/digital-river-api/payments/payment-sources.md#authentication-flow) of an [order's](https://www.digitalriver.com/docs/digital-river-api-reference/#tag/Orders) [primary `payment.sources[]`](/digital-river-api/payments/payment-sources/using-the-source-identifier.md#primary-payment-sources) is `receiver`, then the component provides customers guidance on how to push the funds.

![](/files/ZjavTS57sYOEl569pamX)

Refer to [Handling success events](/digital-river-api/integration-options/low-code-checkouts/implementing-a-components-checkout.md#success-events) on the [Components checkout](/digital-river-api/integration-options/low-code-checkouts/implementing-a-components-checkout.md) page for details on determining when to display this component.

## Creating the thank you component

To create an instance of the thank you component, pass `'thankyou'` to [`createComponent()`](/digital-river-api/developer-resources/digitalrivercheckout.js-reference/digitalrivercheckout-object/components.md#createcomponent-componenttype).

```javascript
let thankYouComponent;
...
thankYouComponent = components.createComponent('thankyou');
...
```

## Mounting the thank you component

To attach the thank you component to your DOM, pass the `id` of its container to [`mount()`](/digital-river-api/developer-resources/digitalrivercheckout.js-reference/digitalrivercheckout-object/components.md#mount-elementid).

```javascript
<div id="order-details-container" style="display: block">
...
thankYouComponent.mount('order-details-container');
...
```