leaf ui

? Daun-ui

Perpustakaan Komponen Bereaksi untuk Web, Asli dan AMP Dibangun Menggunakan Komponen Gaya

[Peringatan: Ini adalah pekerjaan yang sedang berlangsung, API dapat berubah]

Instalasi

npm install -S leaf-ui

Penggunaan

Bungkus komponen aplikasi Anda dengan ThemeProvider dan lewati tema Leaf-UI (atau angkanya dengan tema khusus)

 // 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' ) ,
) ;

Impor dan gunakan komponen di app.js Anda

 // 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 ;

Platform yang didukung

• web
• warga asli
• amp

Menyumbang

Baca panduan berkontribusi kami untuk mempelajari tentang proses pengembangan kami, cara mengusulkan perbaikan bug dan perbaikan, dan cara membangun dan menguji perubahan Anda pada LEAF-UI.

Pengaturan

Ikuti panduan pengaturan cepat ini untuk membuat LEAF-UI bekerja di mesin lokal Anda.