Inicio
Documentación
Recursos
Certificaciones
Comunidad

Comunidad

Recibe las últimas novedades, pide ayuda a otros integradores y comparte tus conocimientos.

Cambiar de aspecto - Personalizaciones visuales - Mercado Pago Developers

Búsqueda inteligente powered by OpenAI 

Cambiar de aspecto

Client-Side

Propiedades de estilo

-Descripción
Momento de personalizaciónAl renderizar el Brick
Propiedadcustomization.visual.{buttonBackground, buttonHeight, borderRadius, valuePropColor, verticalPadding, horizontalPadding}
TipoString
ObservacionesAl enviar una propiedad vacía, la pantalla presentará el aspecto definido por el layout predeterminado que se muestra después de la renderización del Brick. Por otro lado, al enviar un valor alternativo, reemplazará el valor predeterminado. Para comprobar cuáles son los valores por defecto, consulta la tabla a continuación.
ClaveOpciones disponiblesPredeterminadoObservaciones
buttonBackgrounddefault, black, blue, whitedefault-
buttonHeight-48pxMínimo: 48px.
Máximo: libre elección.
borderRadius-6px-
valuePropColorgrey, whitegrey-
verticalPadding-16pxMínimo: 16px.
Máximo: libre elección.
horizontalPadding-0pxMínimo: 0px.
Máximo: libre elección.
          
const settings = {
    ...,
    customization: {
         visual: {
             buttonBackground: 'black',
             borderRadius: '16px',
         },
    },
}

        
          
const customization = {
 visual: {
   buttonBackground: 'black',
   borderRadius: '16px',
 }
};


        

Ocultar texto de propuesta de valor

-Descripción
Momento de personalizaciónAl renderizar el Brick
Propiedadcustomization.visual.hideValueProp
TipoBoolean
ObservacionesCuando es true, oculta el texto de la propuesta de valor (debajo del botón).
          
const settings = {
    ...,
    customization: {
         visual: {
             hideValueProp: true
         },
    },
}

        
          
const customization = {
 visual: {
   hideValueProp: true
 }
};