Carbon
made with React

Carbon是一个React开源组件库，用于开发出色的Web应用程序。

Carbon具有强大的组件、灵活的配置、简单的代码以及令人赞叹的用户体验等特点。 Carbon是开源的，基于Apache-2.0声明，托管在Github上。

安装

Npm

npm i carbon-react

npm i react@^16.12.0 react-dom@^16.12.0 i18n-js@^3.0.0 styled-components@^4.4.1

Yarn

yarn add carbon-react

yarn add react@^16.12.0 react-dom@^16.12.0 i18n-js@^3.0.0 styled-components@^4.4.1

使用

引入

import React from "react";
import ReactDOM from "react-dom";
import { ThemeProvider } from "styled-components";
import mintTheme from "carbon-react/lib/style/themes/mint";
import "carbon-react/lib/utils/css";
import AppWrapper from "carbon-react/lib/components/app-wrapper";
import Button from "carbon-react/lib/components/button";

使用

const App = props => {
  return (
    <ThemeProvider theme={mintTheme}>
      <AppWrapper>
        <Button>Hello Carbon</Button>
        <p>
          Please remember to select the appropriate version of Carbon.
        </p>
      </AppWrapper>
    </ThemeProvider>
  );
};

ReactDOM.render(<App />, document.getElementById("app"));

示例