---
name: Link
menu: Components
---

import { Playground, PropsTable } from 'docz';
import { Link as ReactLink } from 'redux-little-router';
import { Provider } from 'react-redux';
import { constants, types } from '~/misc';
import { Demo } from './Demo';
import { Link } from '../';
import { LinkButton } from '~/components/LinkButton';

# Link

This can be an internal or external link. To create an internal link, use the `as` prop and pass the `Link` component of your router.

<PropsTable of={Link} />

## Basic usage

<Playground>
  <Demo>
    <Link as={ReactLink} href="/">
      Internal link
    </Link>
  </Demo>
  <br />
  <Link href="https://google.com">External link</Link>
  <LinkButton>Link that used a button tag under the hood</LinkButton>
</Playground>
