@carbon/elements

中文文档
11.101.0发布于 2026/11/04Apache-2.0TypeScriptESM + CJS构建来源已验证近 30 天下载 5.6万

IBM 设计语言代码中设计元素的集合

中文使用文档
文档目录7 节
  1. 开始
  2. 使用量
  3. 萨斯
  4. Java 脚本
  5. 捐款
  6. 许可证
  7. IBM 遥测

@碳/元素

IBM 设计语言代码中设计元素的集合

开始

要安装 @carbon/elements 在您的项目中,您需要运行 根据命令使用 无数字 :

npm install -S @carbon/elements

如果你喜欢 雅伦,使用以下命令 相反:

yarn add @carbon/elements

使用量

@carbon/elements 包括项目中的所有其他组件包 并且可以有用,而不是单独安装每个软件包。 这个包 此外,还为这些软件包的JavaScript出口提供支持 支持萨斯.

萨斯

@carbon/elements 为您提供了两个切入点: 进入点和一个模块进入点。 对于大多数用例, 捆绑的切入点 我会为你工作。 如果您采取了额外步骤配置您的建筑 要正确解决的配置 @imports来自文件,然后可以随意使用 模块进入点.

要包含捆绑的切入点, 您可以在您的 Sass 中包含以下内容 文件 :

@import '@carbon/elements/scss/elements';

# Import a specific package nested in elements
@import '@carbon/elements/scss/themes/g10';

上面的例子中包括如何访问嵌入式包. 这些软件包 可以选择作为软件包安装的 @carbon/themes, (中文(简体) ), 但我们已经把它们纳入其中 作为方便.

要包含模块条目,您可以在您的 Sass 中包含以下内容: 文件 :

@import '@carbon/elements/scss/index';

Java 脚本

@carbon/elements 再出口其所有包件的出口 出口。 这意味着,如果单个包输出一个值,那么你可以 在使用时以同样的方式导入 @carbon/elements。例如,与 @carbon/colors 我们可以写:

import { colors } from '@carbon/colors';

与 @carbon/elements,也可以导入 colors数字 :

import { colors } from '@carbon/elements';

捐款

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

许可证

凭 Apache 2.0 许可证。 。 。 .

IBM Telemetry IBM 遥测

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

版本与发布记录

@carbon/elements 共发布 456 个版本,首次发布于 2019/01/11;过去 12 个月发布了 54 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
11.101.0latest2026/11/044 天前
11.101.0-rc.02026/11/035 天前
12.0.0-alpha.5v12-alpha2026/10/2812 天前
12.0.0-alpha.42026/10/2218 天前
11.100.02026/10/2119 天前
11.100.0-rc.02026/10/2020 天前

其他发布通道:alpha → 0.0.1-alpha.32,beta → 0.0.1-beta.5,canary → 10.7.0-alpha.5727,nightly → 10.25.0-alpha.0,v10-next → 10.56.7,v12-alpha → 12.0.0-alpha.5。

关于 @carbon/elements 的常见问题

@carbon/elements 是什么?

IBM 设计语言代码中设计元素的集合

如何安装 @carbon/elements?

在项目目录运行 npm install @carbon/elements,或使用 pnpm add / yarn add / bun add。

@carbon/elements 支持 TypeScript 吗?

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

@carbon/elements 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

@carbon/elements 可以商用吗?

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

@carbon/elements 的下载量有多少?

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

@carbon/elements 还在维护吗?

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