Agenda mosaic <AgendaMosaic />
One tall dark block holds the first topic; the other four are smaller blocks in the theme colour, the paper colour and a light theme colour, each with a number, a title and a small tag. Designed for the forest style; other styles work too.
- Group
- Opening · five topics as colour blocks of different sizes
- Component
AgendaMosaic·#agenda-mosaic
Good for
- An agenda slide right after the opening, with exactly five topics
Avoid when
- There are not five topics: use Agenda or PillAgenda
- The topics need descriptions: use Agenda
Content limits
| 1 | items exactly 5 |
| 2 | title ≤ 12 chars |
| 3 | tag ≤ 6 chars |
| 4 | slide title ≤ 16 chars |
| 5 | aside ≤ 16 characters |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | Section label |
title · required | string | string[] | Title |
aside | string | Small text right of the title |
items · required | { title, tag }[] | Five topics |
Example
<AgendaMosaic
kicker="议程"
title="今天讲五件事"
items={[{ title: '为什么用模板写演示', tag: '背景' }, …]}
/>