leaf ui

? Feuille-UI

Une bibliothèque de composants React pour le Web, le natif et l'ampli construit à l'aide de composants stylisés

[AVERTISSEMENT: il s'agit d'un travail en cours, l'API est susceptible de changer]

Installation

npm install -S leaf-ui

Usage

Enveloppez votre composant d'application avec Themeprovider et passez-le le thème Leaf-UI (ou remplacez-le avec un thème personnalisé)

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

Importez et utilisez les composants de votre 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 ;

Plates-formes prises en charge

• web
• indigène
• ampli

Contribuer

Lisez notre guide de contribution pour en savoir plus sur notre processus de développement, comment proposer des bugfix et des améliorations, et comment créer et tester vos modifications à Leaf-UI.

Installation

Suivez ce guide de configuration rapide pour faire fonctionner leaf-UI sur votre machine locale.