Link 标签

01 组件类型

02 组件状态

名称 类型 默认值 描述 必传
className String - 类名 N
style Object - 样式,TS 类型:React.CSSProperties N
children TNode - 链接内容,同 content。TS 类型:string | TNode通用类型定义 N
content TNode - 链接内容。TS 类型:string | TNode通用类型定义 N
disabled Boolean undefined 禁用链接。优先级:Link.disabled > Form.disabled N
hover Boolean - 是否开启点击反馈 N
href String - 跳转链接 N
prefixIcon TElement - 前置图标。TS 类型:TNode通用类型定义 N
size String medium 尺寸。可选项:small/medium/large。TS 类型:SizeEnum通用类型定义 N
suffixIcon TElement - 后置图标。TS 类型:TNode通用类型定义 N
target String - 跳转方式,如:当前页面打开、新页面打开等,同 HTML 属性 target 含义相同 N
theme String default 组件风格,依次为默认色、品牌色、危险色、警告色、成功色。可选项:default/primary/danger/warning/success N
underline Boolean - 是否显示链接下划线 N
onClick Function TS 类型:(e: MouseEvent) => void
点击事件,禁用状态不会触发点击事件
N

何时使用

当需要跳转至外链时使用。

组件搭配使用

链接与消息通知公告栏组合使用,在进行消息通知与提示的同时,提供解决方案或详情的跳转入口。

推荐/慎用示例

在同一段文本中如使用多个链接,需要利用纯文本字符等将其区隔开。

相似组件

组件名 何时使用
按钮 当前流程的结束或新流程的开启需要用户点击触发时使用。