← 全部模板

歪斜便签 <NoteCards />

3–4 张糖果色便签，各自轻微歪斜，顶上贴一条胶带；每张一个图标、标题和一句说明。

分组: 并列 · 3–4 条规则或提示
组件: NoteCards · #note-cards

适合

3–4 条规则、小贴士、注意事项
轻松的分享会

不适合

正式场合：用 NumberedColumns
超过 4 项：用 IconGrid

内容上限

1	notes 3–4 张：title ≤ 8 字，body 20–40 字
2	title ≤ 1 行 × 14 字

字段

字段	类型
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`notes` · 必填	`{ icon, title, body }[]`	便签

示例代码

<NoteCards kicker="视觉规则" title="模板做好的事，别去破坏" notes={[{ icon: 'code', title: '不写 CSS', body: '…' }, …]} />