← All templates

歪斜便签 <NoteCards />

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

Template and style descriptions are currently available in Chinese only.

Group
并列 · 3–4 条规则或提示
Component
NoteCards · #note-cards

Good for

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

Avoid when

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

Content limits

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

Fields

FieldType
kicker · requiredstring小节名，2–8 字
title · requiredstring | string[]标题；数组手动断行
leadstring一两句导语，≤ 60 字
sourcestring事实出处
notes · required{ icon, title, body }[]便签

Example

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