← 所有版型

同心圆 <Concentric />

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

版型與風格的說明目前僅提供簡體中文。

在範例簡報中查看 →

分組
结构 · 从核心到外围
元件
Concentric · #concentric

適合

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

不適合

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

內容上限

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

欄位

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

範例程式碼

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