prestyled/src/components/Link/Readme.md

React components for styling web projects, based upon Theme UI

### Link (variant:'default')

Link extends the [`Link` provided by Theme UI](https://theme-ui.com/components/link)

```js
<Link href="#link">Link</Link>
```

### Variants of Link

```js
  <Link variant="default" mx={1} href="#link">Link Default</Link>
  <Link variant="primary" mx={1} href="#link">Link Primary</Link>
  <Link variant="secondary" mx={1} href="#link">Link Secondary</Link>
  <Link variant="outline" mx={1} href="#link">Link Outline</Link>
  <Link variant="accent" mx={1} href="#link">Link Accent</Link>
  <Link variant="muted" mx={1} href="#link">Link Muted</Link>
  <nav>
    <Link variant="nav" href="#link">Navlink 01</Link>
    <Link variant="nav" href="#link">Navlink 02</Link>
    <Link variant="nav" href="#link">Navlink 03</Link>
  </nav>
```