页脚结束页 <FooterClosing />
像网站页脚的结束页:左上标题、导语和按钮,右上 2–4 列链接,底部一条细线(备注 + 出处)和一行贴着页面底边、渐隐的巨大文字。
Template and style descriptions are currently available in Chinese only.
- Group
- 结尾 · 资源与链接
- Component
FooterClosing·#footer-closing- Interaction
- build 模式下每按一次 → 出现一列链接
Good for
- 最后一页列出文档、社区、下载等去处
- 主题有一个简短的西文名字可做底部大字
Avoid when
- 要放提问或联系人:用 Thanks 或 ContactPanel
- 链接超过 15 条:只留最常用的
Content limits
| 1 | title 1–2 行,每行 ≤ 10 字;lead ≤ 40 字 |
| 2 | actions 0–2 个 |
| 3 | columns 2–4 列:heading ≤ 8 字,links 2–5 条,每条 ≤ 26 个拉丁字符或 ≤ 13 字(4 列时 ≤ 18 个拉丁字符) |
| 4 | wordmark 3–10 个拉丁字符,只作装饰文字,不画 logo |
| 5 | note ≤ 40 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 标题上方的小节名,2–8 字 |
title · required | string | string[] | 页面标题;传数组可手动断行,每项一行 |
lead | string | 一到两句导语,≤ 60 字 |
source | string | 事实出处;页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示,可用 <kbd> |
columns · required | { heading, links: string[] }[] | 链接列 |
actions | { label, kind? }[] | 画出来的按钮 |
wordmark · required | string | 底部大字 |
note | string | 底部左侧小字 |
Example
<FooterClosing kicker="谢谢" title={['想继续了解,', '从这些地方开始']} columns={[{ heading: '阅读', links: ['docs.fedoraproject.org'] }, …]} wordmark="Fedora" />