# @gridui/site-footer 中文文档

规范地址：https://npmcn.com/package/%40gridui/site-footer/

版本：1\.1\.1
npm 元数据更新时间：2026-11-01T02:48:43.246Z
中文译文更新时间：2026-11-01T07:55:59.166Z
软件包许可：UNLICENSED

本文由上游 README 机器翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40gridui/site-footer
原文对照：https://npmcn.com/package/%40gridui/site-footer/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：27.5 kB，10 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：4 个
- peer 依赖：react ^19\.2\.0，react-dom ^19\.2\.0
- 首次发布：2026-10-31T02:44:48.520Z
- 最新版本发布：2026-11-01T02:48:43.081Z
- 已发布版本数：4（近 12 个月 4 个）

## 中文简介

GridUI React站点页脚

## 安装

```sh
npm install @gridui/site-footer
```

也可以使用：`pnpm add @gridui/site-footer`、`yarn add @gridui/site-footer`、`bun add @gridui/site-footer`

## README

# @gridui / site-footer

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

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

看到 [组件所有权](https://npmcn.com/package/docs/component-ownership.md) 和 [版本历史](https://npmcn.com/package/%40gridui/site-footer/.changeset/history/).

通过 `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` 继续设置页脚元素的样式。

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

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

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

## 页脚的链接

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

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

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

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

## 常见问题

### @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 和提交记录判断。