Link

<Link
  href="/en-us/components/input/button"
>
  This an interal link
</Link>

When linking to anchors on the current page, the Link component will smoothly scroll to the target.

<Link
  href="#intercepting-click-events"
>
  This a link to #intercepting-click-events
</Link>

Intercepting click events

When linking to external websites, the rel and target attributes will be set automatically, so that external links will open in a new tab.

<Link
  href="https://www.thenativeweb.io"
>
  This an external link
</Link>

Intercepting click events

<Link
  href="https://www.thenativeweb.io"
  onClick={[Function handleClick]}
>
  This a link with an onClick handler
</Link>