凡例
説明に使うすべての色に、見える名前を添えます。
背景、対象、比較対象
01
02
03
- Context
- Subject
- Comparison
結果
- Measured
- Passes
- Fails
使用箇所： Axes.
使い方とインターフェース
DemoLegend は items から ul.ui-legend を描画します。各 { label, tone } が、色チップと名前を持つリスト項目になります。トレイのキャプションかステージの隣に配置します。
<Demo caption={<DemoLegend items={[{ label: 'Subject', tone: 'blue' }, { label: 'Comparison', tone: 'violet' }]} />}> …</Demo><ul class="ui-legend" aria-label="Legend"> <li><i data-tone="blue" aria-hidden="true"></i>Subject</li> <li><i data-tone="violet" aria-hidden="true"></i>Comparison</li></ul>