Skip to main content

Brand

Kinds​

Tangram​

TOTVS​

RD Station​

RD Station Marketing​

RD Station Marketing for Ecommerce​

RD Station CRM​

RD Station Conversas​

RD Station Mentor IA​

RD Station Billing​

RD Station App Store​

Custom​

It is possible to use other logos as well.

It is possible to add a link to the component through the as and href properties.

Use the target="_blank" attribute to open the link in a new browser tab. When using this attribute, it is recommended to always set rel="noopener" or rel="noreferrer" when connecting to third-party content.

tip

rel="noopener" prevents the new page from accessing the window.opener property and ensures that it runs in a separate process.

Without this, the landing page could potentially redirect your page to a malicious URL.

rel="noreferrer" has the same effect, but also prevents the Referer header from being sent to the new page.

as property with component​

Create a custom wrapper for the Brand component via the as property. For example:

const ReplacedComponent = ({ children, ...rest }) => {
  return <button {...rest}>{children}</button>;
};

<Brand as={ReplacedComponent} />;

You will see this result:

Feedback​

To report a problem or suggest changes, use our improvements form or, if you prefer, open an issue on our Github repository.