> ## Documentation Index
> Fetch the complete documentation index at: https://developer.transactbridge.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Terms & Conditions

Use the TNC component to display Terms & Conditions and capture user consent before initiating payment.

The **TNC Component** allows merchants to display **Terms & Conditions** and obtain customer consent before starting a payment.

It is a **non-payable UI component** that integrates seamlessly with other payment components like Card and UPI.

***

### tb\_tnc

A component used to render Terms & Conditions text along with a configurable **Pay button label**.

```js theme={null}
const tnc = TBDropin.create('tb_tnc', {
  buttonText: 'Pay',
  styles: {
    fontFamily: fontRoboto,
    fontSize: '12px',
    color: 'gray'
  },
  link: {
    color: 'blue',
    ':hover': {
      color: 'red'
    }
  },
  fonts
  tnc.mount('#tnc');
});
```

**Returned Value**

`tb_tnc` returns a TNC Component Object.

```js theme={null}
{
  element: "tb_tnc",
  value: {
    accepted: true
  },
  isValid: true,
  error: null,
  componentUrl: "https://dropin.transactbridge.com/tnc"
}
```

**TNC Properties**

| Field        | Type      | Description                                                    |
| ------------ | --------- | -------------------------------------------------------------- |
| **accepted** | `boolean` | Indicates whether the user has accepted the Terms & Conditions |