细线条目列表 <HaloRows />
左边小标签、标题和导语,右边一列细线分隔的条目:圆形描边图标、标题、右侧一行短说明和加号。
Template and style descriptions are currently available in Chinese only.
- Group
- 并列 · 3–6 个功能、规则或快捷键
- Component
HaloRows·#halo-rows
Good for
- 3–6 条并列的功能、规则、快捷键
- 每条一个短标题加一句短说明
Avoid when
- 每条要两句以上:用 NumberedColumns
- 有先后顺序:用 StepTrack
Content limits
| 1 | items 3–6 条:title ≤ 12 字,detail ≤ 22 字 |
| 2 | title ≤ 2 行 × 9 字 |
| 3 | lead ≤ 40 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语 |
source | string | 事实出处 |
items · required | { icon, title, detail }[] | 条目 |
Example
<HaloRows kicker="放映" title={['讲的时候,', '工具都在键盘上']} items={[{ icon: 'presentation', title: '演讲者视图', detail: 'S:备注、计时、下一页' }, …]} />