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.

import { Link } from 'minerva-ui'
Preview
Source

External Link

Preview
Source

Props

These are props related to the Link component.

NameTypeIs RequiredDefaultDescription
hrefstringoptionalnoneUrl for link
isExternalbooleanoptionalnoneOpens link in new tab