# Compliance component

The compliance component displays localized hypertext that links customers to the terms and disclosures of the designated [selling entity](https://docs.digitalriver.com/digital-river-api/integration-options/checkouts/creating-checkouts/selling-entities).

![](https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FWgF6PiB7UbFGCILPXhyN%2Fcompliance%20element.png?alt=media\&token=e7e606db-6775-4add-bd84-19e3c71d9f47)

To access Digital River's [merchant of record](https://www.digitalriver.com/merchant-of-record/) model, you'll need to design your experience so that this component is visible (mostly likely in the footer of the page) throughout every stage of the checkout process.

{% hint style="success" %}
The only exception is the [payment component](https://docs.digitalriver.com/digital-river-api/developer-resources/digitalrivercheckout.js-reference/digitalrivercheckout-object/components/payment-component). Digital River automatically embeds its disclosures within that component.
{% endhint %}

## Creating the compliance component

To create an instance of the compliance component, pass `'compliance'` to [`createComponent()`](https://docs.digitalriver.com/digital-river-api/developer-resources/digitalrivercheckout.js-reference/digitalrivercheckout-object/components/..#createcomponent-componenttype).

```javascript
let complianceComponent;
...
complianceComponent = components.createComponent('compliance');
...
```

## Mounting the compliance component

To attach the compliance component to your DOM, pass the `id` of its container to [`mount()`](https://docs.digitalriver.com/digital-river-api/developer-resources/digitalrivercheckout.js-reference/digitalrivercheckout-object/components/..#mount-elementid).

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