Link

import { Link } from 'theme-ui'

<Link href="#!">Hello</Link>
<Link href="#!">Hello</Link>

Variants

Link variants can be defined in the theme.links object. By default the Link component will use styles defined in theme.styles.a.

// example theme variants
{
  links: {
    bold: {
      fontWeight: 'bold',
    },
    nav: {
      fontWeight: 'bold',
      color: 'inherit',
      textDecoration: 'none',
    }
  }
}