# 链接 Link

- 页面: https://jiguang132.com/zh/resources/arco-design/docs/link
- 资源: Arco Design (https://jiguang132.com/zh/resources/arco-design.md)
- 全部指南: https://jiguang132.com/zh/resources/arco-design/docs.md

链接的基本样式。

## 安装

```bash
npm install @arco-design/web-react@2.66.18
```

在入口引入 `@arco-design/web-react/dist/css/arco.css`，用 `ConfigProvider` 设置语言。React 19 项目还需在入口最先引入 `@arco-design/web-react/es/_util/react-19-adapter`，否则 Message、Modal 等命令式 API 无法渲染。

## 示例

- **基础用法**：与按钮相比，链接不太突出，因此通常将其用作可选操作。
- **其他状态**：失败、警告、成功等其他状态下操作，可出现不同样式的链接。
- **图标**：通过 `Icon` 属性设置带图标的链接，设置为 `true`时候显示默认图标。
- **悬浮状态样式**：可以通过 `hoverable` 属性设置是否在悬浮状态时隐藏底色。
- **配合dropdown使用**：配合下拉菜单实现带下拉选择的链接。

示例来自 Arco Design 官方仓库（MIT），固定在 npm 2.66.18 对应的提交；部分示例使用在线图片或上传地址，预览中网络请求被禁用。

## API

### Link

|参数名|描述|类型|默认值|版本|
|---|---|---|---|---|
|disabled|是否禁用|boolean |`-`|-|
|hoverable|悬浮状态是否有底色|boolean |`true`|2.23.0|
|status|不同状态|'error' \| 'success' \| 'warning' |`-`|-|
|className|节点类名|string \| string[] |`-`|-|
|icon|显示图标，设置为 `true` 时展示默认图标。|ReactNode \| boolean |`-`|-|
|style|节点样式|CSSProperties |`-`|-|

---

JGuang 全部资源索引: https://jiguang132.com/llms.txt