# @carbon-labs/react-ui-shell 中文文档

规范地址：https://npmcn.com/package/%40carbon-labs/react-ui-shell/

版本：0\.106\.0
npm 元数据更新时间：2026-08-21T15:34:47.291Z
中文译文更新时间：2026-11-09T06:01:07.550Z
软件包许可：Apache-2\.0

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

原始 npm 页面：https://www.npmjs.com/package/%40carbon-labs/react-ui-shell
原文对照：https://npmcn.com/package/%40carbon-labs/react-ui-shell/?lang=original
项目主页：https://github.com/carbon-design-system/carbon-labs#readme
源码仓库：https://github.com/carbon-design-system/carbon-labs

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

- 包体积（解压后）：400 kB，201 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：1 个
- 首次发布：2025-01-30T23:43:08.880Z
- 最新版本发布：2026-08-20T17:24:09.489Z
- 近 30 天下载量：5349（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：106（近 12 个月 20 个）

## 中文简介

碳实验室-Ui Shell

## 安装

```sh
npm install @carbon-labs/react-ui-shell
```

也可以使用：`pnpm add @carbon-labs/react-ui-shell`、`yarn add @carbon-labs/react-ui-shell`、`bun add @carbon-labs/react-ui-shell`

## README

# @碳-实验室/反应-ui-壳

![npm version](https://img.shields.io/npm/v/@carbon-labs/react-ui-shell) ![License](https://img.shields.io/github/license/carbon-design-system/carbon-labs)

这个 `@carbon-labs/react-ui-shell` 软件包扩展 UI Shell 组件 `@carbon/react`,在维护的同时提供额外增强 兼容性.

## 开始

要安装 `@carbon-labs/react-ui-shell` 在您的项目中, 您需要运行 以下命令使用 [无](https://www.npmjs.com/)数字 :

```bash
npm install -S @carbon-labs/react-ui-shell @carbon/react
```

如果你喜欢 [雅伦](https://yarnpkg.com/en/),使用以下命令 相反:

```bash
yarn add @carbon-labs/react-ui-shell @carbon/react
```

## 使用量

要使用此软件包, 您需要从两者导入组件 `@carbon/react` 财务报告和审定财务报表 `@carbon-labs/react-ui-shell` 以作"UI贝壳". 以下内容: 构成部分由 `@carbon-labs/react-ui-shell`数字 :

-   `HeaderDivider`
-   `HeaderPopover`
-   `HeaderPopoverActions`
-   `HeaderPopoverButton`
-   `HeaderPopoverContent`
-   `Profile`
-   `SideNav`
-   `SideNavItems`
-   `SideNavLink`
-   `SideNavMenu`
-   `SideNavMenuItem`
-   `SideNavSlot`
-   `SideNavTitle`
-   `TrialCountdown`

```jsx
import { SideNav } from '@carbon-labs/react-ui-shell';
import { Header } from '@carbon/react';

function MyComponent() {
  return (
    <Header>
      <SideNav>...</SideNav>>
    </Header>
  );
}
```

### 常设委员会

导入样式从 `@carbon/react` 财务报告和审定财务报表 `@carbon-labs/react-ui-shell` 在你身边 样式表 :

```scss
@use '@carbon/react' with (
  $font-path: '@ibm/plex'
);
@use '@carbon-labs/react-ui-shell/scss/ui-shell';
```

### 故事书

您可以探索可用的组件, 查看不同的配置选项, 学会如何编曲 [故事书](https://labs.carbondesignsystem.com/?path=/docs/react_components-uishell--overview)。 。 。 .

## 捐款

想要为 `@carbon-labs`通过碳实验室读取 [捐款款次](https://pages.github.ibm.com/carbon/ibm-products/contributing/carbon-labs/#carbon-labs-in-code) 在潜入开发者指南之前:

-   [开发者指南](https://github.com/carbon-design-system/carbon-labs/blob/main/docs/developing.md)

## QQ 更改日志

见最新更新和版本历史 [更改日志](https://github.com/carbon-design-system/carbon-labs/blob/main/packages/react/src/components/UIShell/CHANGELOG.md)。 。 。 .

## 许可证

凭 [Apache 2.0 许可证](https://github.com/carbon-design-system/carbon-labs/blob/main/LICENSE)。 。 。 .

## ![IBM Telemetry](https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg) IBM 遥测

本套件使用 IBM 遥测来收集去识别和匿名的度量衡 数据。 通过安装此包作为依赖, 您同意远程测量 藏书。 选择退出,看 [选择退出IBM遥测数据收集](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection)。 。 。 . 有关所收集数据的更多信息,请参见: [IBM 遥测文档](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics)。 。 。 .

## 常见问题

### @carbon-labs/react-ui-shell 是什么？

碳实验室-Ui Shell

### 如何安装 @carbon-labs/react-ui-shell？

在项目目录运行 npm install @carbon-labs/react-ui-shell，或使用 pnpm add / yarn add / bun add。

### @carbon-labs/react-ui-shell 支持 TypeScript 吗？

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

### @carbon-labs/react-ui-shell 支持 ESM 还是 CommonJS？

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

### @carbon-labs/react-ui-shell 可以商用吗？

@carbon-labs/react-ui-shell 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @carbon-labs/react-ui-shell 的下载量有多少？

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

### @carbon-labs/react-ui-shell 还在维护吗？

最新版本 0\.106\.0 发布于 2026/08/21（2 个月前）；至今共发布 106 个版本，其中过去 12 个月发布了 20 个；首次发布于 2025/01/31。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。