带链接的文字,可跳转至新页面。

场景

适用:跳转 到新页面或(模态弹窗形式)查看补充信息的场景
不适用:触发一个操作的场景。此时应该用 Text Button
image.png

类型

通常起导航的作用,点击后打开新的页面,而非触发一个具体操作。

类型 何时使用
常规 不引导用户点击的场景,比如查看条款、查看任务;当链接内容新页面打开时,需使用图标。
强调 需要用户注意,引导用户点击的场景,比如任务创建成功后点击查看任务详情;当链接内容新页面打开时,需使用图标。

image.png

构成

image.png

  1. 文字 + 下划线
    1. 文字:适用于链接内容打开方式为当前页面,比如模态/气泡形式。
    2. 下划线:Hover状态下出现
  2. 图标(可选):仅适用于链接内容打开方式为新页面

行为

image.png

样式

布局

  • 与前后相邻文字、图标用空格隔开。若为符号,则无需空格。
  • 避免折行

image.png