leaf ui

? Leaf-UI

Eine React-Komponentenbibliothek für Web, Native und AMP, die mit gestylerischen Komponenten erstellt wurden

[WARNUNG: Dies ist eine laufende Arbeit, die API kann sich ändern.]

Installation

npm install -S leaf-ui

Verwendung

Wickeln Sie Ihre App-Komponente mit iEprovider ein und geben Sie es das Leaf-UI-Thema über (oder überschreiben Sie es mit benutzerdefiniertem Thema).

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

Importieren und verwenden Sie die Komponenten in Ihrem 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 ;

Unterstützte Plattformen

• Netz
• einheimisch
• Ampere

Beitragen

Lesen Sie unseren beitragenden Leitfaden, um über unseren Entwicklungsprozess zu erfahren, wie Sie Fehler und Verbesserungen vorschlagen und Ihre Änderungen an Leaf-UI erstellen und testen.

Aufstellen

Befolgen Sie diese schnelle Setup-Handbuch, um Leaf-UI auf Ihrer lokalen Maschine zum Arbeiten zu bringen.