← 全部模板

三栏重点 <PriorityColumns />

大标题下一条粗线,下面三根通到底的栏,每栏一个超大编号、标签、标题和说明,其中一栏整块用主题色。为宣言风格设计,其他风格也能用。配 build: 'reveal' 逐栏出现。

分组
内容 · 三根通栏,超大编号,一栏用主题色
组件
PriorityColumns · #priority-columns
交互
按 → 逐栏出现

适合

  • 三条优先事项、底线、承诺
  • 动员、宣言、季度重点

不适合

  • 不是正好三条:用 NumberedColumns
  • 需要数据支撑:用 KpiBoard

内容上限

1items 正好 3 个
2tag ≤ 6 字,title ≤ 10 字,body ≤ 40 字
3title 1–2 行,每行 ≤ 8 字
4lead ≤ 50 字

字段

字段类型
kicker · 必填string小节名
title · 必填string | string[]标题
leadstring导语
items · 必填{ tag, title, body }[]三栏
focusnumber主题色那一栏,默认 1(中间)
sourcestring出处

示例代码

<PriorityColumns
  kicker="底线"
  title={['写演示的', '三条底线']}
  items={[{ tag: '版式', title: '只组合模板', body: '…' }, …]}
/>