🍃 Leaf-UI: A react component library built using styled-components
npm install leaf-ui`` bash`
npm install -S leaf-ui
Wrap your App component with ThemeProvider and pass it the leaf-ui theme (or override it with custom a theme)
`js
// 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(
document.getElementById('root'),
);
`
Import and use the components in your App.js
`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 = () => (
);
export default App;
``
Supported Platforms
* web
* native
* amp
Read our contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to leaf-ui.