## リンク

テキストハイパーリンク

### ベーシック

ベーシックテキストリンク
:::demo

```html
<div>
  <el-link href="https://element.eleme.io" target="_blank">default</el-link>
  <el-link type="primary">primary</el-link>
  <el-link type="success">success</el-link>
  <el-link type="warning">warning</el-link>
  <el-link type="danger">danger</el-link>
  <el-link type="info">info</el-link>
</div>
```

:::

### 無効化

リンクの無効化状態
:::demo

```html
<div>
  <el-link disabled>default</el-link>
  <el-link type="primary" disabled>primary</el-link>
  <el-link type="success" disabled>success</el-link>
  <el-link type="warning" disabled>warning</el-link>
  <el-link type="danger" disabled>danger</el-link>
  <el-link type="info" disabled>info</el-link>
</div>
```

:::

### 下線

リンクの下線
:::demo

```html
<div>
  <el-link :underline="false">Without Underline</el-link>
  <el-link>With Underline</el-link>
</div>
```

:::

### アイコン

リンク付きアイコン
:::demo

```html
<div>
  <el-link icon="el-icon-edit">Edit</el-link>
  <el-link>Check<i class="el-icon-view el-icon--right"></i> </el-link>
</div>
```

:::

### 属性

| Attribute | Description                              | Type    | Options                                     | Default |
| --------- | ---------------------------------------- | ------- | ------------------------------------------- | ------- |
| type      | タイプ                                   | string  | primary / success / warning / danger / info | default |
| underline | コンポーネントに下線があるか             | boolean | —                                           | true    |
| disabled  | コンポーネントが無効化されているか       | boolean | —                                           | false   |
| href      | ネイティブハイパーリンクの `href` と同じ | string  | —                                           | -       |
| icon      | アイコンのクラス名                       | string  | —                                           | -       |