test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-15 09:50:58 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity
70ebeaaedc
element-plus/website/docs/jp/link.md
三咲智子 55348b30b6
style: use prettier (#3228) 
* style: use prettier

* style: just prettier format, no code changes

* style: eslint fix
object-shorthand, prefer-const

* style: fix no-void

* style: no-console
2021-09-04 19:29:28 +08:00

2.1 KiB
Raw Blame History

リンク

テキストハイパーリンク

ベーシック

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

<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

<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

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

:::

アイコン

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

<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 — -