AI resources

Default rendering

Before rendering the Brand Brick, first execute the initialization steps shared among all Bricks. From there, see below the necessary information to configure and render the Brand Brick.

Note

To consult the types and specifications of the parameters and responses of the Brick functions, refer to the technical documentation.

Configure the Brick

Create Brick's startup configuration.

javascript
bricksBuilder.create(
    "brand",
    "brandBrick_container"
  );
};

Render the Brick

Once the configurations are created, enter the code below to render the Brick.

Important

The id brandBrick_container of the html div below should correspond to the value used in the method create() of the last step.

<div id="brandBrick_container"></div>

import { Brand } from '@mercadopago/sdk-react';

<Brand />

The result of rendering the Brick should look like the image below.

PreviousIntroductionCheck out how to communicate different messages related to the payment methods available through Mercado Pago.

NextPayment methodsLearn about the available payment method settings for each value prop.