Docs

Back to component list

Link

Link either an internal or external page.

Title will be automatically set for internal pages

NameDefault
id
string

Id of an internal page to link to

to
string

Slug of an internal page to link to. Note: use this for hard-coded pages only

href
string

URI of an external page to link to

hash
string

Option hash to attach to the link href

title
string

Optional title. Should be set for a11y and seo reasons when link has non-text content.

className
stringnull

Optional link class

openInNewTab
boolfalse

Open linked page in new tag. Should only be used for edge-cases. See: https://css-tricks.com/use-target_blank/

children
node

Link

Link either an internal or external page.

External pages use the href attribute.

Internal pages use the id attribute.

<Link href="https://google.com">External link to Google</Link>
<Link id="randomPageId">Internal link to some sub page of the website</Link>


Back to component list