React-components

React-components depends on Material icons. See installation instructions here.

Installation

npm i -s git+https://github.com/Particeep/react-components.git

Usage

import {Btn, Panel, PanelBody} from "react-components";

const AppComponent = () => 
  <Panel>
    <PanelBody>
      <Btn loading={false}>Button</Btn>
    </Panel>
  </PanelBody>
;

Class names conflict

You may need to define a class name generator to prevent conflict in production mode.

npm i -s react-jss

import React, {Component} from "react";
import {createGenerateClassName} from "@material-ui/core";
import JssProvider from 'react-jss/lib/JssProvider';

const generateClassName = createGenerateClassName({
  productionPrefix: 'my-prefix',
});

class App extends Component {

  render() {
    return (
      <JssProvider generateClassName={generateClassName}>
        ...
      </JssProvider>
    );
  }
}

export default App;