渐变光球封面 <OrbCover />
左边大标题和导语,右边一颗弥散渐变光球,2–3 张毛玻璃数字小卡漂在球上。
Template and style descriptions are currently available in Chinese only.
- Group
- 开场 · 创意或品牌第 1 页
- Component
OrbCover·#orb-cover
Good for
- 品牌、创意、功能发布的封面
- 有 2–3 个代表数字
Avoid when
- 正式汇报:用 Cover
- 只有一个数字:用 FloatCover
Content limits
| 1 | title ≤ 3 行 × 6 字 |
| 2 | lead ≤ 48 字 |
| 3 | chips 2–3 个:value ≤ 6 字符,label ≤ 10 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
chips · required | { value, label }[] | 毛玻璃数字卡 |
Example
<OrbCover kicker="配色 × 风格" title={['三个开关,', '换一身', '新衣服']} chips={[{ value: '5', label: '套配色' }, …]} />