带链接的文字,可跳转至新页面。
场景
适用:跳转 到新页面或(模态弹窗形式)查看补充信息的场景
不适用:触发一个操作的场景。此时应该用 Text Button
类型
通常起导航的作用,点击后打开新的页面,而非触发一个具体操作。
类型 | 何时使用 |
---|---|
常规 | 不引导用户点击的场景,比如查看条款、查看任务;当链接内容新页面打开时,需使用图标。 |
强调 | 需要用户注意,引导用户点击的场景,比如任务创建成功后点击查看任务详情;当链接内容新页面打开时,需使用图标。 |
构成
- 文字 + 下划线:
- 文字:适用于链接内容打开方式为当前页面,比如模态/气泡形式。
- 下划线:Hover状态下出现
- 图标(可选):仅适用于链接内容打开方式为新页面
行为
样式
布局
- 与前后相邻文字、图标用空格隔开。若为符号,则无需空格。
- 避免折行