z_element_plus/docs/en-US/component/link.md

---

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

:::

:::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]	—
icon	icon component	^[string] / ^[Component]	—

Slots

Name	Description
default	customize default content
icon	customize icon component