@gridui/site-footer

中文文档
1.1.1发布于 2026/11/01UNLICENSEDTypeScriptES Module

GridUI React站点页脚

中文使用文档

@gridui / site-footer

着陆的家庭。公共API: SiteFooter, SiteFooterProps, SiteFooterSection, SiteFooterLink, SiteFooterLinkProps, SiteFooterLinkItem.

从 @gridui/site-footer 和负载 @gridui/site-footer/styles.css 后的主题。 此家族使用的任何组合依赖项的加载样式。应用程序拥有自己的路由、标签、状态持久化和品牌。

看到 组件所有权 和 版本历史.

通过 sections, caller-owned branding、可选 credit,可选 agents. 通过Grid Split和FrameFooter,合成具有响应的结构区域。 章节链接使用公共的SiteFooterLink组件。SiteFooterLinkItem是 链接数据契约包含 label 和 href;它取代了以前的数据类型 没有兼容性别名的SiteFooterLink。

品牌维度

brandingWidth 和 brandingMinHeight 接受本地CSS长度或数字 像素。他们也接受 { base, md?, lg? }, md 在40分钟和40分钟 lg 在 64快速眼动。丢失的断点继承前一个值。尺寸仅适用于 品牌区域;本地的 style 继续设置页脚元素的样式。

<SiteFooter
    branding={<h2>Product</h2>}
    sections={sections}
    brandingWidth={{ base: "auto", md: "16rem" }}
    brandingMinHeight={0}
/>

明确的宽度固定品牌栏,而导航使用其余栏 空间,包括低于默认最小12rem的宽度。使用 base: "auto" 来 保留全宽度的移动品牌。 brandingMinHeight={0} 删除保留的 最小化,同时保留内容填充和导航对齐。

省略这些道具保留了现有的比例:品牌从一个品牌发展而来 25%的基础,在40rem及以上,最低12rem,最低14rem高度 在这些宽度。移动品牌仍然是内容大小的。结构裂缝 继续遵循移动和桌面的安排。

import { SiteFooterLink } from "@gridui/site-footer";

<SiteFooterLink href="/contact/">Contact</SiteFooterLink>

SiteFooterLink呈现一个本地锚,并要求 href。它转发原生的 锚定道具、子对象、refs和事件处理程序。 className 是合并和本地的 style 仍然可用于调用方自定义。相同的组件可以是 独立用于呼叫者拥有的页脚标记、信用或其他组合。

链接使用支持的排版、前景色、换行和主题间距 行内子节点之间。下划线出现在悬停和键盘焦点上。主题 拥有焦点轮廓。应用程序拥有自己的目的地、标签和导航策略。

版本与发布记录

@gridui/site-footer 共发布 4 个版本,首次发布于 2026/10/31;过去 12 个月发布了 4 个版本。

版本发布日期距今
1.1.1latest2026/11/012 天前
1.0.02026/10/313 天前
0.0.02026/10/313 天前
0.0.0-stage2026/10/313 天前

关于 @gridui/site-footer 的常见问题

@gridui/site-footer 是什么?

GridUI React站点页脚

如何安装 @gridui/site-footer?

在项目目录运行 npm install @gridui/site-footer,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:react(^19.2.0)、react-dom(^19.2.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@gridui/site-footer 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@gridui/site-footer 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@gridui/site-footer 可以商用吗?

@gridui/site-footer 使用 UNLICENSED 许可。作者声明为 UNLICENSED,即不授予公开使用许可(与公共领域的 Unlicense 不同)。使用前需获得作者授权。以上为概括,不构成法律意见,请以许可原文为准。

@gridui/site-footer 还在维护吗?

最新版本 1.1.1 发布于 2026/11/01(2 天前);至今共发布 4 个版本,其中过去 12 个月发布了 4 个;首次发布于 2026/10/31。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。