← 全部範本

粗框數字 <FramedStats />

一排粗黑邊框、硬投影的數字盒，右上角一個主題色圓點。為粗框風格設計，其他風格也能用。

分組: 資料 · 3–4 個粗邊框數字盒
元件: FramedStats · #framed-stats

適合

3–4 個並列的關鍵數字
活動、產品、專案的規模一覽

不適合

數字需要解釋：用 KpiBoard
只有一個數字：用 BigStat

內容上限

1	stats 3–4 個
2	value ≤ 6 個字元
3	label ≤ 12 字
4	頁標題 ≤ 22 字
5	有數字就要有 source

欄位

欄位	型別
`kicker` · 必填	`string`	小節名
`title` · 必填	`string \| string[]`	標題
`lead`	`string`	導語
`stats` · 必填	`{ value, label }[]`	數字
`source`	`string`	出處

範例程式碼

<FramedStats
  kicker="一眼看全"
  title="這個引擎裡有什麼"
  stats={[{ value: '251', label: '個範本' }, …]}
  source="…"
/>