Link

The <Link /> component extends the <a> tag.

It includes the prop isExternal, which will add the target="blank" and rel="noopener noreferrer" attributes.

This helps prevent cross-origin security issues when opening a new page.

Insired by Chakra UI's Link component.

Copy
import { Link } from 'minerva-ui';

Minerva UI – Getting Started
<Link href="/">Minerva UI – Getting Started</Link>
<Link href="/">Minerva UI – Getting Started</Link>

External Link#

Minerva UI GitHub Page
<Link href="https://www.github.com/cratebind/minerva-ui" isExternal>
  Minerva UI GitHub Page
</Link>
<Link href="https://www.github.com/cratebind/minerva-ui" isExternal>
  Minerva UI GitHub Page
</Link>

Props#

These are props related to the Link component.