Pular para o conteúdo principal

Brand

Tipos​

Tangram​

TOTVS​

RD Station​

RD Station Marketing​

RD Station Marketing para Ecommerce​

RD Station CRM​

RD Station Conversas​

RD Station Mentor IA​

RD Station Pagamentos​

RD Station Billing​

RD Station App Store​

Customizado​

É possível usar outros logotipos também.

É possível adicionar um link ao componente através das propriedades as e href.

Use o atributo target="_blank" para o link abrir em uma nova aba do navegador. Ao usar esse atributo, é recomendado sempre definir rel="noopener" ou rel="noreferrer" quando conectado a conteúdo de terceiros.

Dica

rel="noopener" impede que a nova página acesse a propriedade window.opener e garante que ela seja executada em um processo separado.

Sem isso, a página de destino pode potencialmente redirecionar sua página para uma URL mal-intencionada.

rel="noreferrer" tem o mesmo efeito, mas também impede que o cabeçalho Referer seja enviado para a nova página.

Propriedade as como componente​​

Crie um invólucro customizado para o componente Brand através da propriedade as. Por exemplo:

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

<Brand as={ReplacedComponent} />;

Você verá esse resultado:

Feedback​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.