← 全部範本

章節大數字 <ChapterNumber />

左邊一個發光的超大章節號,右邊短標題和一段說明,底部左右各一行小字。為夜粉風格設計(深色),其他風格也能用。

分組
分隔 · 超大章節號配短標題
元件
ChapterNumber · #chapter-number

適合

  • 章節開頭
  • 長簡報裡給聽眾一個位置感

不適合

  • 章節沒有編號:用 SectionBreak
  • 需要列出本章要點:用 ChapterProgress

內容上限

1num 1–2 個字元
2title 2–3 行,每行 ≤ 8 字
3body ≤ 60 字
4foot 兩項,各 ≤ 16 個字元

欄位

欄位型別
kicker · 必填string小節名
num · 必填string章節號
title · 必填string | string[]標題
bodystring說明
foot[string, string]底部兩行小字

範例程式碼

<ChapterNumber
  kicker="第二章"
  num="02"
  title={['一個檔案,', '到哪都能放']}
  body="…"
/>