mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
75 lines
1.9 KiB
Markdown
75 lines
1.9 KiB
Markdown
---
|
|
title: Link
|
|
lang: en-US
|
|
---
|
|
|
|
# Link
|
|
|
|
Text hyperlink
|
|
|
|
## Basic
|
|
|
|
Basic text link
|
|
|
|
:::demo
|
|
|
|
link/basic
|
|
|
|
:::
|
|
|
|
## Disabled
|
|
|
|
Disabled state of link
|
|
|
|
:::demo
|
|
|
|
link/disabled
|
|
|
|
:::
|
|
|
|
## Underline
|
|
|
|
Underline of link
|
|
|
|
:::demo
|
|
|
|
link/underline
|
|
|
|
:::
|
|
|
|
## Icon
|
|
|
|
Link with icon
|
|
|
|
:::tip
|
|
|
|
Use the `icon` attribute to add icon. You can pass either string for the component name (registered in advance) or the component itself which is a SVG Vue component. Element Plus has provided a set of icon that you can find at [icon](/en-US/component/icon)
|
|
|
|
:::
|
|
|
|
:::demo
|
|
|
|
link/with-icon
|
|
|
|
:::
|
|
|
|
## API
|
|
|
|
### Attributes
|
|
|
|
| Name | Description | Type | Default |
|
|
| --------- | ----------------------------------- | ------------------------------------------------------------------------------- | ------- |
|
|
| type | type | ^[enum]`'primary' \| 'success' \| 'warning' \| 'danger' \| 'info' \| 'default'` | default |
|
|
| underline | whether the component has underline | ^[boolean] | true |
|
|
| disabled | whether the component is disabled | ^[boolean] | false |
|
|
| href | same as native hyperlink's `href` | ^[string] | — |
|
|
| target | same as native hyperlink's `target` | ^[enum]`'_blank' \| '_parent' \| '_self' \| '_top'` | \_self |
|
|
| icon | icon component | ^[string] / ^[Component] | — |
|
|
|
|
### Slots
|
|
|
|
| Name | Description |
|
|
| ------- | ------------------------- |
|
|
| default | customize default content |
|
|
| icon | customize icon component |
|