- 分組
- 分工 · 谁负责什么
- 元件
Team·#team- 互動
- 卡片依次出现;悬停时抬起。
適合
- 项目启动会的团队介绍
- 上市小组、虚拟团队的角色分工
不適合
- 要写清每件事谁执行、谁拍板:用 Matrix 做 RACI
- 只有 2–3 个人:写进正文
內容上限
| 1 | members 4、6 或 8 个 |
| 2 | name ≤ 8 字;role ≤ 14 字;owns ≤ 36 字 |
| 3 | initials 1–3 个字符;不填时取中文首字或英文缩写 |
| 4 | 没有照片位:真人照片不放进演示 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 标题上方的小节名,2–8 字 |
title · 必填 | string | string[] | 页面标题;传数组可手动断行,每项一行 |
lead | string | 一到两句导语,≤ 60 字 |
source | string | 事实出处;页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示,可用 <kbd> |
members · 必填 | { name, role, owns, initials?, focus? }[] | 成员 |
範例程式碼
<Team
kicker="上市小组"
title="六个角色,各管一段"
members={[
{ name: '上市负责人', initials: 'PMM', role: '产品营销 · 1 人', owns: '定位与文案,统筹上市节奏。', focus: true },
{ name: '销售', initials: 'AE', role: '销售 · 3 人', owns: '跟进合格线索、演示和成交。' },
]}
source="示意"
/>