# @abgov/react-components 中文文档
规范地址：https://npmcn.com/package/%40abgov/react-components/
版本：8\.2\.0
npm 元数据更新时间：2026-10-30T17:55:51.049Z
中文译文更新时间：2026-11-05T22:07:23.198Z
软件包许可：Apache-2\.0
本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。
原始 npm 页面：https://www.npmjs.com/package/%40abgov/react-components
原文对照：https://npmcn.com/package/%40abgov/react-components/?lang=original
项目主页：https://github.com/GovAlta/ui-components#readme
源码仓库：https://github.com/GovAlta/ui-components
## 关键信息（来自 npm 元数据）
- 包体积（解压后）：1.4 MB，101 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：react ^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0，react-dom ^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0，@types/react ^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0
- 首次发布：2020-10-19T21:15:41.122Z
- 最新版本发布：2026-10-30T17:55:50.802Z
- 近 30 天下载量：13970（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：670（近 12 个月 119 个）
## 中文简介
艾伯塔省政府-UI反应组件
## 安装
```sh
npm install @abgov/react-components
```
也可以使用：`pnpm add @abgov/react-components`、`yarn add @abgov/react-components`、`bun add @abgov/react-components`
## README
# 反应 UI 组件
[](https://www.npmjs.com/package/@abgov/react-components)
艾伯塔省政府设计系统网络组件的回放包装.
支持的React版本:17,18和19.
## 安装
```bash
npm i @abgov/react-components @abgov/web-components @abgov/ui-components-common
```
## 注册网络组件
导入应用程序入口处的网络组件, 如 `src/main.tsx`数字 :
```typescript
import "@abgov/web-components";
```
## 添加样式
导入您主样式表中的组件样式, 如 `src/index.css`。本样式表包括设计符号和暗主题覆盖:
```css
@import "@abgov/web-components/index.css";
```
## 添加图标
将虹膜添加到 `` 联 合 国 `index.html`数字 :
```html
```
## 使用组件
```tsx
import { GoabButton } from "@abgov/react-components";
export function App() {
return Continue;
}
```
见 [开发者设置指南](https://design.alberta.ca/get-started/developers/setup/) 财务报告和审定财务报表 [艾伯塔省政府设计系统](https://design.alberta.ca/) 更多信息.
## 常见问题
### @abgov/react-components 是什么？
艾伯塔省政府-UI反应组件
### 如何安装 @abgov/react-components？
在项目目录运行 npm install @abgov/react-components，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0）、react-dom（^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0）、@types/react（^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
### @abgov/react-components 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
### @abgov/react-components 支持 ESM 还是 CommonJS？
同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。
### @abgov/react-components 可以商用吗？
@abgov/react-components 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。
### @abgov/react-components 的下载量有多少？
根据 npm 官方下载统计，@abgov/react-components 在 2026/10/05 – 2026/11/03 这 30 天内被下载 13,970 次，日均约 466 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
### @abgov/react-components 还在维护吗？
最新版本 8\.2\.0 发布于 2026/10/31（6 天前）；至今共发布 670 个版本，其中过去 12 个月发布了 119 个；首次发布于 2020/10/20。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。