Inicio
Documentação
Recursos
Parcerias
Comunidade

Recursos

Confira as atualizações das nossas soluções e do funcionamento do sistema ou peça suporte técnico.

Parcerias

Conheça nosso programa para agências ou desenvolvedores que oferecem serviços de integração e vendedores que desejam contratá-los.

Comunidade

Fique por dentro das últimas novidades, peça ajuda a outros integradores e compartilhe seu conhecimento.

Alterar visual - Customizações visuais - Mercado Pago Developers

Busca inteligente powered by OpenAI 

Alterar visual

Client-Side

Propriedades de estilo

-Descrição
Momento de customizaçãoAo renderizar Brick
Propriedadecustomization.visual.{buttonBackground, buttonHeight, borderRadius, valuePropColor, verticalPadding, horizontalPadding}
TipoString
ObservaçõesAo enviar uma propriedade vazia, a tela apresentará o visual definido pelo layout padrão exibido após a rendereização do Brick. Por outro lado, ao se enviar um valor alternativo, este substituirá o valor padrão. Para verificar quais são os valores alternativos, veja a tabela a seguir.
ChaveOpções disponíveisPadrãoObservações
buttonBackgrounddefault, black, blue, whitedefault-
buttonHeight-48pxMínimo: 48px.
Máximo: livre escolha.
borderRadius-6px-
valuePropColorgrey, whitegrey-
verticalPadding-16pxMínimo: 8px.
Máximo: livre escolha.
horizontalPadding-0pxMínimo: 0px.
Máximo: livre escolha.
          
const settings = {
    ...,
    customization: {
         visual: {
             buttonBackground: 'black',
             borderRadius: '16px',
         },
    },
}

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


        

Ocultar texto da proposta de valor

-Descrição
Momento de customizaçãoAo renderizar Brick
Propriedadecustomization.visual.hideValueProp
TipoBoolean
ObservaçõesQuando true, oculta o texto da proposta de valor (fica abaixo do botão).
          
const settings = {
    ...,
    customization: {
         visual: {
             hideValueProp: true
         },
    },
}

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