IvyLabs Design BostonIvy 爬山虎 v0.3.0

组件 · 基础

Icon

一套 24px 线性图标,描边粗细和端点随风格变化,颜色跟随文字。

调用方提供:name(见下方清单)、size(默认 16)、可选的 label。有 label 时作为图片读出,没有时对读屏隐藏,此时旁边必须有文字,或者外层按钮写了 aria-label。

清单:plus、search、overview、calendar、bell、star、folder、filter、team、archive、admin、settings、link、view-list、view-table、view-gantt、view-kanban、sort、chevron-down、chevron-right、check、timer、checklist、repeat、comment、attachment、priority、label、close、more、lock、image、relation、play、stop。

三种风格下的差异:青藤描边 1.8,圆头;萌虎 2.2,圆头;像素 2,直角端点。由 --icon-stroke、--icon-cap、--icon-join 控制。

规则:不要用 emoji 代替图标;不要给图标单独上品牌色,状态色(如优先级小旗)由所在组件决定。

预览