← All templates

下一站 <Teaser />

左侧一个只有描边的巨大数字与衬线代号,右侧标题、导语与 2–4 条前瞻笔记。语气比封面更安静。

Template and style descriptions are currently available in Chinese only.

Group
预告 · 展望
Component
Teaser · #teaser
Interaction
描边数字随鼠标漂移,逐位升起。

Good for

  • “接下来会发生什么”:下一版本、下一季度、路线图要点
  • 章节过渡页

Avoid when

  • 要传达确定的结论:用 Closing
  • 没有可以引用的前瞻信息:不要编造

Content limits

1numeral 1–3 个字符
2word ≤ 10 个字符
3notes 2–4 条:key ≤ 16 个字符,text ≤ 34 字

Fields

FieldType
kicker · requiredstring标题上方的小节名,2–8 字
title · requiredstring | string[]页面标题;传数组可手动断行,每项一行
leadstring一到两句导语,≤ 60 字
sourcestring事实出处;页面上有任何数据或事实时必填
hintReactNode页眉中间的操作提示,可用 <kbd>
numeral · requiredstring描边大数字
wordstring衬线斜体词,自动加引号
notes · required{ key, text }[]前瞻笔记

Example

<Teaser
  kicker="下一站"
  title="Lumen 14 cedar"
  numeral="14"
  word="cedar"
  notes={[
    { key: 'armel', text: 'aurora 是最后一个支持 armel 的版本。' },
    { key: 'KDE Frameworks 5', text: '将在 cedar 周期中移除。' },
  ]}
/>