2019-04-19 19:15:28 +08:00
|
|
|
## Link
|
|
|
|
|
|
2019-05-07 11:35:54 +08:00
|
|
|
Un hyperlien textuel.
|
2019-04-19 19:15:28 +08:00
|
|
|
|
2019-05-07 11:35:54 +08:00
|
|
|
### Usage basique
|
|
|
|
|
|
|
|
|
|
Lien texte basique.
|
2019-04-19 19:15:28 +08:00
|
|
|
|
|
|
|
|
:::demo
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<div>
|
2019-05-07 11:35:54 +08:00
|
|
|
<el-link href="https://element.eleme.io" target="_blank">défaut</el-link>
|
|
|
|
|
<el-link type="primary">primaire</el-link>
|
|
|
|
|
<el-link type="success">succès</el-link>
|
|
|
|
|
<el-link type="warning">avertissement</el-link>
|
2019-04-19 19:15:28 +08:00
|
|
|
<el-link type="danger">danger</el-link>
|
|
|
|
|
<el-link type="info">info</el-link>
|
|
|
|
|
</div>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
:::
|
|
|
|
|
|
2019-05-07 11:35:54 +08:00
|
|
|
### Désactivé
|
|
|
|
|
|
|
|
|
|
Lien désactivé.
|
2019-04-19 19:15:28 +08:00
|
|
|
|
|
|
|
|
:::demo
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<div>
|
2019-05-07 11:35:54 +08:00
|
|
|
<el-link disabled>défaut</el-link>
|
|
|
|
|
<el-link type="primary" disabled>primaire</el-link>
|
|
|
|
|
<el-link type="success" disabled>succès</el-link>
|
|
|
|
|
<el-link type="warning" disabled>avertissement</el-link>
|
2019-04-19 19:15:28 +08:00
|
|
|
<el-link type="danger" disabled>danger</el-link>
|
|
|
|
|
<el-link type="info" disabled>info</el-link>
|
|
|
|
|
</div>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
:::
|
|
|
|
|
|
2019-05-07 11:35:54 +08:00
|
|
|
### Souligné
|
|
|
|
|
|
|
|
|
|
Lien souligné.
|
2019-04-19 19:15:28 +08:00
|
|
|
|
|
|
|
|
:::demo
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<div>
|
2019-05-07 11:35:54 +08:00
|
|
|
<el-link :underline="false">Non-souligné</el-link>
|
|
|
|
|
<el-link>Souligné</el-link>
|
2019-04-19 19:15:28 +08:00
|
|
|
</div>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
:::
|
|
|
|
|
|
2019-05-07 11:35:54 +08:00
|
|
|
### Icône
|
|
|
|
|
|
|
|
|
|
Lien avec icône.
|
2019-04-19 19:15:28 +08:00
|
|
|
|
|
|
|
|
:::demo
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<div>
|
2019-05-07 11:35:54 +08:00
|
|
|
<el-link icon="el-icon-edit">Éditer</el-link>
|
|
|
|
|
<el-link>Vérifier<i class="el-icon-view el-icon--right"></i> </el-link>
|
2019-04-19 19:15:28 +08:00
|
|
|
</div>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
:::
|
|
|
|
|
|
2019-05-07 11:35:54 +08:00
|
|
|
### Attributs
|
2019-04-19 19:15:28 +08:00
|
|
|
|
2019-05-07 11:35:54 +08:00
|
|
|
| Attribut | Description | Type | Options | Défaut |
|
|
|
|
|
| --------- | ------------------------------- | ------- | ------------------------------------------- | ------- |
|
|
|
|
|
| type | Type du lien. | string | primary / success / warning / danger / info | défaut |
|
|
|
|
|
| underline | Si le composant est souligné. | boolean | — | true |
|
|
|
|
|
| disabled | Si le composant est désactivé. | boolean | — | false |
|
|
|
|
|
| href | Identique au `href` natif. | string | — | - |
|
|
|
|
|
| icon | Nom de classe de l'icône. | string | — | - |
|
