---
name: Link
menu: Components
route: /components/link
---

import { Link } from './';
import { Props, Playground } from 'docz';

# Link

The `<Link/>` component is used for `<a/>` elements. It extends the [Typography](/components/typography) component applying only minimal link styling.

> If the `href="..."` attribute begins with `https://` (indicating an external link), a `rel="noopener nofollow"` is applied to the link.

<Props of={Link} />

## Import

```js
import { Link } from '@firstclasspostcodes/sw13';
// or
import { Link } from '@firstclasspostcodes/sw13/lib/components/Link';
```

## Example

<Playground>
  <p>
    <Link hue="5" color="base" size="0">About us</Link>
  </p>
  <p>
    <Link hue="5" href="https://google.com" target="_blank" color="base" size="0">About us</Link>
  </p>
</Playground>