Skip to main content

Link

Base​

Use the target="_blank" attribute to open the link in a new browser tab. When using it, you need to 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 may 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.

Disabled​

With icon​

Usign with 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}>
      Hello
    </Link>
  );
}

Feedback​