leaf ui

？リーフーイ

スタイルのコンポーネントを使用して構築されたWeb、ネイティブ、アンプ用のReactコンポーネントライブラリ

[警告：これは進行中の作業であり、APIは変更される可能性があります]

インストール

npm install -S leaf-ui

使用法

アプリコンポーネントをThemeproviderで包み、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がローカルマシンで作業するようにしてください。