leaf ui

? Leaf-ui

Una biblioteca de componentes React para web, nativo y amplificador construido con componentes de estilo

[Advertencia: este es un trabajo en progreso, la API está sujeta a cambios]

Instalación

npm install -S leaf-ui

Uso

Envuelva el componente de su aplicación con themeProvider y pase el tema Leaf-UI (o anule con un 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 y usar los componentes en su 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 compatibles

• web
• nativo
• amperio

Contribuir

Lea nuestra guía contribuyente para aprender sobre nuestro proceso de desarrollo, cómo proponer las correcciones de errores y las mejoras, y cómo construir y probar sus cambios en Leaf-UI.

Configuración

Siga esta guía de configuración rápida para que Leaf-UI funcione en su máquina local.