@carbon/ibm-products-web-components

中文文档
0.51.0发布于 2026/10/28Apache-2.0TypeScriptES Module构建来源已验证近 30 天下载 1.5万

IBM 产品的碳网络组件

中文使用文档
文档目录8 节
  1. 开始
  2. IBM产品网络组件安装碳
  3. 使用量
  4. API 文档
  5. 在当地建立和运行故事书
  6. 捐款
  7. 许可证
  8. IBM 遥测

@碳/ibm-产品-web-组件

IBM产品网络组件的碳

开始

如果你只是开始浏览我们的网络组件 看着 我们的故事本。 。 。 .

IBM产品网络组件安装碳

要将Carbon用于IBM产品网络组件,你只需要安装 @carbon/ibm-products-web-components 软件包.

$ yarn add @carbon/ibm-products-web-components

# or

$ npm install @carbon/ibm-products-web-components

然后可以导入您的组件样式 index.js。 。 。 .

import '@carbon/ibm-products/css/index.min.css';

使用量

要使用一个组件,可以直接从包中导入:

import '@carbon/ibm-products-web-components/es/components/about-modal.js';

一旦导入组件模块,您就可以使用其中的组件 与本地 HTML 标记相同的方式 :

<c4p-about-modal
  closeIconDescription="Close"
  copyrightText="Copyright © IBM Corp. 2025"
  .title="IBM Product Name"
  .version="0.0.0"
></c4p-about-modal>

API 文档

如果你要找的话 @carbon/ibm-products-web-components API 文档, 检查 :

在当地建立和运行故事书

要启动, 请运行以下命令, 故事本将建起然后 在端口服务 3000 在您的本地机器上.

如果这是你第一次在故事书中运行网络组件,请运行 以下命令:

yarn
yarn build

然后运行故事本:

yarn storybook-wc

捐款

我们总是寻找贡献者 帮助我们修复错误, 建立新的特性, 或者帮助我们改进项目文件。 如果你有兴趣,肯定 看看我们 贡献指南来啊! 👀

许可证

凭 Apache 2.0 许可证。 。 。 .

IBM Telemetry IBM 遥测

本套件使用 IBM 遥测来收集去识别和匿名的度量衡 数据。 通过安装此包作为依赖, 您同意远程测量 藏书。 选择退出,看 选择退出IBM遥测数据收集。 。 。 . 有关所收集数据的更多信息,请参见: IBM 遥测文档。 。 。 .

版本与发布记录

@carbon/ibm-products-web-components 共发布 148 个版本,首次发布于 2024/10/09;过去 12 个月发布了 51 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
0.51.0latest2026/10/2812 天前
0.51.0-rc.0next2026/10/2812 天前
0.50.02026/10/1426 天前
0.50.0-rc.02026/10/1227 天前
0.49.02026/09/301 个月前
0.49.0-rc.02026/09/281 个月前

其他发布通道:canary → 0.3.0-canary.80,next → 0.51.0-rc.0。

关于 @carbon/ibm-products-web-components 的常见问题

@carbon/ibm-products-web-components 是什么?

IBM 产品的碳网络组件

如何安装 @carbon/ibm-products-web-components?

在项目目录运行 npm install @carbon/ibm-products-web-components,或使用 pnpm add / yarn add / bun add。

@carbon/ibm-products-web-components 支持 TypeScript 吗?

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

@carbon/ibm-products-web-components 支持 ESM 还是 CommonJS?

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

@carbon/ibm-products-web-components 可以商用吗?

@carbon/ibm-products-web-components 使用 Apache-2.0 许可。宽松许可:允许商业使用、修改和再分发,并附带明确的专利授权;分发时需保留许可与 NOTICE 文件,修改过的文件要注明改动。以上为概括,不构成法律意见,请以许可原文为准。

@carbon/ibm-products-web-components 的下载量有多少?

根据 npm 官方下载统计,@carbon/ibm-products-web-components 在 2026/10/09 – 2026/11/07 这 30 天内被下载 15,083 次,日均约 503 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@carbon/ibm-products-web-components 还在维护吗?

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