图示
DiagramLegend 图例
钥匙：哪一种画法代表哪一类东西。
来自@misoto22/design/diagrams
什么时候用它
在一套单色系统里它不是可选的装饰。当队列和缓存的区别是一个符号而不是一种颜色时，这里是读者唯一能被告知那个符号是什么意思的地方。
示例
default
Key
States
说明
钥匙：哪一种画法代表哪一类东西。
在一套单色系统里它不是可有可无的装饰，而这里是必须把这句话说白的地方。当队列和缓存的区别是一个符号而不是一种颜色时，图例就是读者唯一被告知那个符号是什么意思的地方——一张画法没有说明的图，那些画法等于没画。
用 <ul> 而不是一排 <span>：它是一份成对的列表，而「有几项」也是读屏软件应该说出来的一部分。
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| entries必填 | DiagramLegendEntry[] | — | |
| className | string | — | |
| title | string | null | 'Key' | 这一行前面的引题。传 null 得到一行光秃秃的图例。 |
无障碍
- 是一份成对的列表而不是一排 span，所以“有几项”也是读屏软件会说出来的一部分。
- kindLegend、variantLegend 和 stateLegend 都用渲染器自己的绘制代码来造标准集合，所以图例永远不会和图漂移开。