leaf ui

? Leaf-Ui

Uma biblioteca de componentes do React para web, nativo e amplificador construído usando componentes com estilo

[Aviso: este é um trabalho em andamento, a API está sujeita a mudança]

Instalação

npm install -S leaf-ui

Uso

Enrole seu componente de aplicativo com o tema tema e passe o tema Leaf-Ui (ou substitui-o com um tema personalizado)

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

Importar e usar os componentes em seu 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 ;

Plataformas suportadas

• web
• nativo
• Amp

Contribuir

Leia nosso guia contribuinte para aprender sobre nosso processo de desenvolvimento, como propor bugs e melhorias e como criar e testar suas alterações no Leaf-UI.

Configurar

Siga este guia de configuração rápida para fazer com que o Leaf-Ui trabalhe em sua máquina local.