element-plus/docs/en-US/component/link.md

title	lang
Link	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]	—
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