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

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

开始

要安装 @carbon-labs/react-ui-shell 在您的项目中, 您需要运行 以下命令使用 无数字 :

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

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

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

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 在你身边 样式表 :

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

故事书

您可以探索可用的组件, 查看不同的配置选项, 学会如何编曲 故事书。 。 。 .

捐款

想要为 @carbon-labs通过碳实验室读取 捐款款次 在潜入开发者指南之前:

• 开发者指南

QQ 更改日志

见最新更新和版本历史 更改日志。 。 。 .

许可证

凭 Apache 2.0 许可证。 。 。 .

IBM 遥测

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