链接 Link

链接的基本样式。

安装

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