leaf ui
v0.56.0
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 ทำงานบนเครื่องในพื้นที่ของคุณ
