Carbon
made with React

Carbon

这是一个开源UI组件库。

相关问答
暂无相关问题
查看全部
简介及使用教程

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"));

示例

image.png

作者

相关项目

这是一个用于使用React构建可访问的富Web应用程序的工具包。
这是一个基于开源Material风格的组件库。
这是一个React组件库。
这是一个可定制和复用的React Native组件库。
这是一个免费的React UI套件
这是一个支持Pinterest设计的UI组件库。
这是一个有赞技术团队维护的UI组件库。