leaf ui

؟ Leaf-ui

مكتبة مكونة React for Web و Mative و AMP مصممة باستخدام المكافآت المصممة

[تحذير: هذا عمل مستمر ، يخضع 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 على الجهاز المحلي الخاص بك.