← All templates

图标砖墙 <TileWall />

左边标题和导语,右边 3 列大图标方砖,背后露出一个大 3D 球体。适合列能力、集成、组成部分。

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group
并列 · 6–9 个功能或零件
Component
TileWall · #tile-wall

Good for

  • 6 或 9 个并列的功能、集成、零件
  • 每项一个词就能说清

Avoid when

  • 每项需要一句解释:用 IconGrid
  • 少于 6 项

Content limits

1tiles 6 或 9 个,label ≤ 6 字
2title ≤ 2 行 × 8 字
3lead ≤ 40 字

Fields

FieldType
kicker · requiredstring小节名,2–8 字
title · requiredstring | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
tiles · required{ icon, label, spot? }[]方砖
shape'sphere' | 'cube' | 'torus' | 'capsule'背后的几何体,默认球体

Example

<TileWall kicker="新零件" title={['九个零件,', '模板拿来就用']} tiles={[{ icon: 'planet', label: '球体' }, …]} />