Link

Links are used to apply styles to hyperlink text.

Page navigation navigation

React examples

Default

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

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

Inline with text

Do not click on this link because it goes nowhere.

<div data-a11y-link-underlines="true">
  <p>
    Do not click on this{' '}
    <Link href="#" inline>
      link
    </Link>{' '}
    because it goes nowhere.
  </p>
</div>

<div data-a11y-link-underlines="true">
  <p>
    Do not click on this{' '}
    <Link href="#" inline>
      link
    </Link>{' '}
    because it goes nowhere.
  </p>
</div>

Custom hover color

Link

<Link href="#" hoverColor="var(--fgColor-default)">
  Link
</Link>

<Link href="#" hoverColor="var(--fgColor-default)">
  Link
</Link>

Muted color variant

Link

<Link href="#" muted>
  Link
</Link>

<Link href="#" muted>
  Link
</Link>

Props

Loading data for link...