Style Customisation

The Tazapay SDK allows you to optionally specify your own style rules to customise the user interface of the payment page.

Style Object Definition

The style object represents CSS properties of various elements on the payment page. Use the element selector and css property name as key and css property value as value

Style Object

style: {
  "element_cssproperty": "value",
  "primaryButton_background": "blue",
  "primaryButton_borderRadius" "20px"
}

Auto-Generate the Style object:

You can use the tool on this website to customise the UI component and then generate the style object for your client-side code.

Using the token obtained in Step 2 for the sandbox (test) environment, you can also see a live demo of the functioning of your UI component.