### internal

```jsx
<div className={'btn-row'}>
  <LinkButton text={'link'} to={'/'} />
  <LinkButton text={'default link'} to={'/'} variant={'default'} />
  <LinkButton text={'primary link'} to={'/'} variant={'primary'} />
  <LinkButton text={'secondary link'} to={'/'} variant={'secondary'} />
  <LinkButton text={'highlight link'} to={'/'} variant={'highlight'} />
  <LinkButton text={'standout link'} to={'/'} variant={'standout'} />
</div>
```

### external
External links open in a new tab.

```jsx
<div className={'btn-row'}>
  <LinkButton text={'link'} href={'http://www.google.com'} />
  <LinkButton text={'default link'} href={'http://www.google.com'} variant={'default'} />
  <LinkButton text={'primary link'} href={'http://www.google.com'} variant={'primary'} />
  <LinkButton text={'secondary link'} href={'http://www.google.com'} variant={'secondary'} />
  <LinkButton text={'highlight link'} href={'http://www.google.com'} variant={'highlight'} />
  <LinkButton text={'standout link'} href={'http://www.google.com'} variant={'standout'} />
</div>
```
