Básico

En el modo de personalización básica, puedes realizar cambios sencillos en los elementos del formulario de pago para adaptarlos a la apariencia general de tu sitio web o aplicación. Los elementos del formulario que se pueden personalizar incluyen los botones, los campos de información, los elementos de transición como spinners y barras de progreso, y los bordes. Puedes modificar el color de estos elementos utilizando el atributo customTheme en el objeto appearance. Al agregar el atributo customTheme, puedes especificar el color deseado en formato hexadecimal o RGB. Esta opción de personalización básica te permite realizar ajustes visuales simples para asegurarte de que los elementos del formulario de pago se integren armónicamente con el diseño general de tu plataforma.

tip

Ten en cuenta que el valor del atributo debe estar en formato hexadecimal o RGB.

Creando el objeto de configuración

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

Demo

A continuación, te invitamos a explorar nuestra demo interactiva.

Editor en vivo

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}
    />
  )

Resultado

Loading...