Help label 帮助提示

用于承载更多的功能描述

总览

使用场景

一般场景下在需要增加额外解释说明时,使用 info icon 表示,部分 特殊场景 下使用蚂蚁线和hover变色(部分场景在案例中展示)

规范

Ant Line

Hide Small Balances

Hide Small Balances

Ant Line

info:

info:

info:

蚂蚁线:

蚂蚁线:

组件构成

Info icon

icon样式为【i】,提供6种预设尺寸,一般场景使用

蚂蚁线

吸附在元素底部,与文字行高贴底,特殊场景使用

1

2

Hide Small Balances

蚂蚁线:

info:

Ant Line

交互说明

Hide Small Balances

一般搭配Tooltips,或Popover展开功能注解

一般搭配Tooltips,或Popover展开功能注解

蚂蚁线:

info:

Info icon

指针变手指,info icon变色(一般primary-blue→primary-blue-hover / icon-secondary & icon-tertiary→icon-primary)

蚂蚁线

指针变手指,文字变色(一般primary-blue→primary-blue-hover / icon-secondary& icon-tertiary→icon-primary)

Ant Line

样式说明

注意示例




帮助提示, 蚂蚁线, info, 辅助

DESIGN

中文