4dkankan-components/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

:::

Attributes

Name	Description	Type	Accepted Values	Default
type	type	string	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
—	customize default content
icon	customize icon component