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, 辅助 |