@ 碳- labs/ react- whats- new

这个 @carbon-labs/react-whats-new 软件包中包含“What's 新的模式。 新模式由IBM的碳组成 产品泪水表组件、若干碳组件和图标以及 的组件。 以下构成部分由下列单位提供: @carbon-labs/react-whats-new数字 :

目标 :

• Toc
• TocList
• TocItem
• TocSections
• TocSection

泡点:

• Bubble
• BubbleHeader

视图图 :

• ViewStack
• View

开始

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

npm install -S @carbon/react @carbon/ibm-products @carbon-labs/react-whats-new

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

yarn add @carbon/react @carbon/ibm-products @carbon-labs/react-whats-new

使用量

要使用此软件包, 您需要从两者导入组件 @carbon/react, (中文(简体) ), @carbon/ibm-products 财务报告和审定财务报表 @carbon-labs/react-whats-new 改为 作"什么是新图案".

import React, { useCallback, useRef, useState } from 'react';

import {
  Toc,
  TocList,
  TocItem,
  TocSections,
  TocSection,
  Bubble,
  BubbleHeader,
  ViewStack,
  View,
} from '@carbon-labs/react-whats-new/es/index';
import { Tearsheet } from '@carbon/ibm-products';

function App() {
  return (
    <>
      {/* Tier 2 - release notification pattern */}
      <Bubble>
        <BubbleHeader>...</BubbleHeader>
        <ViewStack>
          <View>...</View>
        </ViewStack>
        ...
      </Bubble>

      {/* Tier 1 - what's new center pattern */}
      <Toc ref={tocRef}>
        <Tearsheet
          influencer={
            <TocList>
              <TocItem>Feature 1</TocItem>
              <TocItem>Feature 2</TocItem>
            </TocList>
          }>
          <TocSections threshold={0.2}>
            <TocSection as="div">...</TocSection>
            ...
          </TocSections>
        </Tearsheet>
      </Toc>
    </>
  );
}

export default App;

常设委员会

导入样式从 @carbon/react, (中文(简体) ), @carbon/ibm-products 财务报告和审定财务报表 @carbon-labs/react-whats-new 在样式表中:

@use '@carbon/react' with (
  $font-path: '@ibm/plex'
);
@use '@carbon/ibm-products/scss/components/Tearsheet';
@use '@carbon-labs/react-whats-new/scss/whats-new';

故事书

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

捐款

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

• 开发者指南

QQ 更改日志

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

许可证

凭 Apache 2.0 许可证。 。 。 .

IBM 遥测

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