← All templates

页脚结束页 <FooterClosing />

像网站页脚的结束页:左上标题、导语和按钮,右上 2–4 列链接,底部一条细线(备注 + 出处)和一行贴着页面底边、渐隐的巨大文字。

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group
结尾 · 资源与链接
Component
FooterClosing · #footer-closing
Interaction
build 模式下每按一次 → 出现一列链接

Good for

  • 最后一页列出文档、社区、下载等去处
  • 主题有一个简短的西文名字可做底部大字

Avoid when

  • 要放提问或联系人:用 Thanks 或 ContactPanel
  • 链接超过 15 条:只留最常用的

Content limits

1title 1–2 行,每行 ≤ 10 字;lead ≤ 40 字
2actions 0–2 个
3columns 2–4 列:heading ≤ 8 字,links 2–5 条,每条 ≤ 26 个拉丁字符或 ≤ 13 字(4 列时 ≤ 18 个拉丁字符)
4wordmark 3–10 个拉丁字符,只作装饰文字,不画 logo
5note ≤ 40 字

Fields

FieldType
kicker · requiredstring标题上方的小节名,2–8 字
title · requiredstring | string[]页面标题;传数组可手动断行,每项一行
leadstring一到两句导语,≤ 60 字
sourcestring事实出处;页面上有任何数据或事实时必填
hintReactNode页眉中间的操作提示,可用 <kbd>
columns · required{ heading, links: string[] }[]链接列
actions{ label, kind? }[]画出来的按钮
wordmark · requiredstring底部大字
notestring底部左侧小字

Example

<FooterClosing kicker="谢谢" title={['想继续了解,', '从这些地方开始']} columns={[{ heading: '阅读', links: ['docs.fedoraproject.org'] }, …]} wordmark="Fedora" />