leaf ui

？葉子

用於Web的React組件庫，本機和使用樣式組件構建的AMP

[警告：這是一項正在進行的工作，API可能會發生變化]

安裝

npm install -S leaf-ui

用法

將您的應用程序組件與theaseprovider包裝，並將其傳遞為LEAF-UI主題（或用自定義主題覆蓋它）

 // index.js
import React from 'react' ;
import ReactDOM from 'react-dom' ;
import { ThemeProvider } from 'styled-components' ;
import leafUiTheme , { BaseStyles } from 'leaf-ui/theme' ;
import App from './App' ;

ReactDOM . render (
  < ThemeProvider theme = { leafUiTheme } >
    < BaseStyles />
    < App />
  </ ThemeProvider > ,
  document . getElementById ( 'root' ) ,
) ;

導入並使用您的app.js中的組件

 // App.js
import React from 'react' ;
import Button from 'leaf-ui/Button' ;

// for commonjs use,
// import Button from 'leaf-ui/cjs/Button';

const App = ( ) => (
  < Button >
    Leaf-UI
  </ Button >
) ;

export default App ;

支持的平台

• 網絡
• 本國的
• 放大器

貢獻

閱讀我們的貢獻指南，以了解我們的開發過程，如何提出錯誤的文件和改進以及如何構建和測試您對Leaf-UI的更改。

設定

遵循此快速設置指南，使LEAF-UI在本地機器上工作。