同心圆 <Concentric />
左边 3–4 个同心圆环,核心最深;右边列表逐条解释每一圈,圆点颜色和圆环对应。
Template and style descriptions are currently available in Chinese only.
- Group
- 结构 · 从核心到外围
- Component
Concentric·#concentric
Good for
- 核心与外围、影响范围、目录分层
- 每一圈包住里面一圈
Avoid when
- 各层是上下堆叠关系:用 ArchLayers
- 一个核心加若干平级的卫星:用 Orbit
Content limits
| 1 | rings 3–4 圈:label ≤ 6 字,note ≤ 30 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
rings · required | { label, note }[] | 由内向外 |
Example
<Concentric kicker="项目结构" title="…" rings={[{ label: '模板', note: '…' }, …]} />