Skip to main content
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
FieldTypeDescription
acceptedbooleanIndicates whether the user has accepted the Terms & Conditions