- 分组
- 开场 · 产品主页或作品集第 1 页
- 组件
SketchCover·#sketch-cover
适合
- 产品主页、工具介绍、个人作品集的开场
- 有一行能“写在画板上”的命令或口号
不适合
- 正式汇报：用 Cover
- 标题没有一个能单独压进标签的词：用 HangingCover
内容上限
| 1 | pre ≤ 6 字，tag ≤ 4 字，line ≤ 12 字 |
| 2 | lead ≤ 48 字 |
| 3 | canvas ≤ 30 个字符，一行 |
| 4 | chips 3–5 个，各 ≤ 8 字 |
| 5 | 有事实时写 source |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名，2–12 字 |
pre · 必填 | string | 第一行标签前的字 |
tag · 必填 | string | 压进橙色标签的词 |
line · 必填 | string | 第二行 |
lead · 必填 | string | 导语 |
canvas · 必填 | string | 画板上被圈出的一行 |
chips · 必填 | string[] | 红点胶囊 |
source | string | 事实出处 |
示例代码
<SketchCover kicker="开源 · MIT" pre="让 AI 做" tag="演示" line="每一页都整整齐齐" lead="…" canvas="npx slidehtml init my-talk" chips={['124 个模板', '19 种风格', '自动 QA']} source="…" />