← 所有版型

展开列表 <OpenList />

左边标题、导语和一个胶囊按钮;右边细线分隔的列表,每行可带键帽和加号,其中一行展开显示说明。

版型與風格的說明目前僅提供簡體中文。

分組
清单 · 5–7 项功能或问答
元件
OpenList · #open-list

適合

  • 快捷键、命令、功能清单
  • 常见问题里只需要展开回答一题

不適合

  • 每项都要写说明:用 Faq
  • 项目超过 7 个:拆页

內容上限

1title ≤ 2 行 × 6 字;lead ≤ 40 字;action ≤ 16 字
2rows 5–7 行:key ≤ 8 个字符,q ≤ 16 字,展开行的 a ≤ 44 字
3open 只展开一行

欄位

欄位型別
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring导语
actionstring胶囊按钮文字
rows · 必填{ key?, q, a }[]列表行
opennumber展开的行,默认 0
sourcestring事实出处

範例程式碼

<OpenList kicker="放映" title={['讲的时候,', '一个键就够']} rows={[{ key: 'S', q: '演讲者视图', a: '…' }, { key: 'L', q: '激光笔', a: '' }, …]} />