← 全部模板

打字机 <Typewriter />

等宽大字逐字打出 1–3 行原话,末尾有闪烁光标;下方一行译文或出处,底部 0–3 组标签和值。每行是一个 build 步骤。

在示例演示里查看 →

分组
引语 · 一句原话逐字打出
组件
Typewriter · #typewriter
交互
build 模式下每按一次 → 打出一行;直接跳到本页时进入即打字,最后停在完整文字

适合

  • 电报、无线电、命令行里的原话
  • 想让观众跟着一个字一个字读完的短句

不适合

  • 长段引文:用 Quote
  • 句子没有“正在输入”的意味:用 Statement

内容上限

1lines 1–3 行,每行 ≤ 32 个拉丁字符或 ≤ 16 字
2caption ≤ 40 字
3meta 0–3 组:label ≤ 6 字,value ≤ 12 字

字段

字段类型
kicker · 必填string小节名,2–8 字
lines · 必填string[]逐字打出的行
captionstring译文或说明
meta{ label, value }[]底部信息
sourcestring事实出处

示例代码

<Typewriter kicker="第一句话" lines={['Houston, Tranquility Base here.', 'The Eagle has landed.']} caption="…" meta={[{ label: '着陆地点', value: '静海' }]} />