TextLink

A stylised wrapper over the standard HTML anchor attribute.

import { TextLink } from '@nathsimpson/text-link';

TextLink will adopt it's parent's font size, unless one is specified.

<Text size="small">
  Click <TextLink href="#">here</TextLink> to learn more.
</Text>
<Text size="small">
  Click <TextLink href="#">here</TextLink> to learn more.
</Text>

TextGatsbyLink

Identical to TextLink, but is based on the Link component from Gatsby.

<Text size="small">
  Click
  <TextLinkGatsby href="/">here</TextLinkGatsby> to go home.
</Text>
<Text size="small">
  Click
  <TextLinkGatsby href="/">here</TextLinkGatsby> to go home.
</Text>