Pular para o conteúdo principal

Link

Base​

Use o atributo target="_blank" para o link abrir em uma nova aba do navegador. Ao usá-lo, é necessário definir rel="noopener" ou rel="noreferrer" quando conectar com 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 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.

Desabilitado​

Com ícone​

Usando com React Router​

import { Link as LinkRouter } from 'react-router-dom';
import { Link } from '@resultadosdigitais/tangram-components';

export default function ExampleMyComponent() {
  return (
    <Link to="/my-path" as={LinkRouter}>
      Olá
    </Link>
  );
}

Feedback​