Basic

In basic customization mode, you can make simple changes to the payment form elements to adapt them to the overall look and feel of your website or application. the overall look and feel of your website or application. Form elements that can be customized include buttons, information fields, transition elements such as spinners and progress bars, and borders. You can modify the color of these elements using the customTheme attribute on the appearance object. When you add the customTheme attribute, you can specify the desired color in hexadecimal or RGB format. This basic customization option allows you to perform simple visual adjustments to make sure that the elements of the payment form integrate harmoniously with the overall design of your platform.

tip

Note that the attribute value must be in hexadecimal or RGB format.

Creating the configuration object

const iziConfig = {
 config: {
   ...,
   appearance: {
    customTheme:{
      colors: {
        primary: {
          background: "#0CE4F5",
          color: '#FFFFFF'
        }
      }
    }
  },
   ...
 }
};

Demo

Next, we invite you to explore our interactive demo.

Live editor

const config = { appearance: { customTheme:{ colors: { primary: { background: "#0CE4F5", color: '#FFFFFF' } } } }, render: { typeForm: 'pop-up' } } render ( <Izipay config={config} /> )

  const config = {
    appearance: {
      customTheme:{
        colors: {
          primary: {
            background: "#0CE4F5",
            color: '#FFFFFF'
          }
        }
      }
    },
    render: {
      typeForm: 'pop-up'
    }
  }

  render (
    <Izipay
      config={config}
    />
  )

Result

Loading...