← All templates

同心圆 <Concentric />

左边 3–4 个同心圆环,核心最深;右边列表逐条解释每一圈,圆点颜色和圆环对应。

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group
结构 · 从核心到外围
Component
Concentric · #concentric

Good for

  • 核心与外围、影响范围、目录分层
  • 每一圈包住里面一圈

Avoid when

  • 各层是上下堆叠关系:用 ArchLayers
  • 一个核心加若干平级的卫星:用 Orbit

Content limits

1rings 3–4 圈:label ≤ 6 字,note ≤ 30 字

Fields

FieldType
kicker · requiredstring小节名,2–8 字
title · requiredstring | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
rings · required{ label, note }[]由内向外

Example

<Concentric kicker="项目结构" title="…" rings={[{ label: '模板', note: '…' }, …]} />