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.

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.

{
  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

Checkout

Web SDK

Android SDK

tb_tnc

​tb_tnc

tb_tnc