# Link

链接(Anchor)

# Usage

## Basic

```tsx
import React from 'react'
import { Link } from 'react-icecream'
import { AddIcon } from 'react-icecream/icons'

export default () => {
  return (
    <>
      <Link href="/">蓝色的链接</Link>
      <br />
      <Link href="/" type="black">黑色的链接</Link>
      <br />
      <Link href="/" type="classic">黑色的链接</Link>
      <br />
      <Link href="/" icon={<AddIcon />}>新建空间</Link>
      <br />
      <Link 
        onClick={() => alert('clicked')}
        icon={<AddIcon />}
        as={({ className, children, icon, onClick }) => <button type="button" className={className} onClick={onClick}>{children}</button>}
      >
        链接
      </Link>
    </>
  )
}
```