---
title: Link 链接
description: 文字超链接用于跳转一个新页面，如当前项目跳转，友情链接等。
isComponent: true
usage: { title: "", description: "" }
spline: message
author: swimly
---

## 基本用法

通过`default`和`content`可定义跳转链接的内容，通过`href`可设置点击之后的跳转链接。

> 提示：上面 2 个属性类型为：`LNode`，支持`slot`，`props`，当 props 值类型为`function`时，务必给`script`添
> 加`lang="jsx"`。

{{ base }}

## 悬浮样式

通过`hover`可定义鼠标悬浮的效果，可选：`color`，`underline`，默认为：`underline`。

{{ hover }}

## 图标

可通过`prefixIcon`定义链接前面的图标，通过`suffixIcon`可定义链接后面的图标。

> 提示：上面 2 个属性类型为：`LNode`，支持`slot`，`props`，当 props 值类型为`function`时，务必给`script`添
> 加`lang="jsx"`。

{{ icon }}

## 不同主题

通过`theme`可设置不同颜色主题的链接，可选：`default`，`primary`，`warning`，`success`，`danger`。

{{ theme }}

## 不同尺寸

通过`size`可设置不同大小的链接文字，可选：`small`，`medium`，`large`，默认为：`medium`。

{{ size }}

## 跳转方式

类似 html 中 a 标签的`target`，可自定义跳转链接的打开方式，可选：`_blank`（在新窗口打开），`_self`（在当前窗口打开）
，`_parent`（在父窗口中打开），`_top`（在当前窗体打开链接，并替换当前的整个窗体(框架页)），`framename`（指定 iframe 的
name 名称）。

{{ target }}

## 是否展示下划线

通过`underline`可设置链接默认状态也展示下划线

{{ underline }}

## 禁用

通过`disabled`可设置链接处于禁用状态。

{{ disabled }}
