← 全部範本

議程拼塊 <AgendaMosaic />

一塊深色高塊放第一個議題,其餘四個分成主題色、紙色和淺主題色小塊,每塊有編號、標題和小標籤。為林間風格設計,其他風格也能用。

分組
開場 · 五個議題拼成大小不一的色塊
元件
AgendaMosaic · #agenda-mosaic

適合

  • 開場後的議程頁,正好五個議題

不適合

  • 議題不是五個:用 Agenda 或 PillAgenda
  • 議題需要說明:用 Agenda

內容上限

1items 正好 5 個
2title ≤ 12 字
3tag ≤ 6 字
4頁標題 ≤ 16 字
5aside ≤ 16 個字元

欄位

欄位型別
kicker · 必填string小節名
title · 必填string | string[]標題
asidestring標題右側小字
items · 必填{ title, tag }[]五個議題

範例程式碼

<AgendaMosaic
  kicker="議程"
  title="今天講五件事"
  items={[{ title: '為什麼用範本寫簡報', tag: '背景' }, …]}
/>