srinivasdamam / leaf-ui

πŸƒ Leaf-UI: A react component library built using styled-components

Home Page:https://leaf-ui.treebo.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸƒ Leaf-UI

A react component library for web, native and amp built using styled-components

[WARNING: This is a work in progress, API is subject to change]

Installation

npm install -S leaf-ui

Usage

Wrap your App component with ThemeProvider and pass it the leaf-ui theme (or override it with custom a theme)

// index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { ThemeProvider } from 'styled-components';
import leafUiTheme, { injectBaseStyles } from 'leaf-ui/theme';
import App from './App';

injectBaseStyles(leafUiTheme);

ReactDOM.render(
  <ThemeProvider theme={leafUiTheme}>
    <App />
  </ThemeProvider>,
  document.getElementById('root'),
);

Import and use the components in your App.js

// App.js
import React from 'react';
import Button from 'leaf-ui/Button/web';

// for commonjs use,
// import Button from 'leaf-ui/cjs/Button/web';

const App = () => (
  <Button>
    Leaf-UI
  </Button>
);

export default App;

Supported Platforms

  • /web
  • /native
  • /amp

Contribute

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.

Setup

Follow this quick setup guide to get leaf-ui working on your local machine.

About

πŸƒ Leaf-UI: A react component library built using styled-components

https://leaf-ui.treebo.com/

License:MIT License


Languages

Language:JavaScript 99.6%Language:HTML 0.4%