lib-react-components

Alternative UI

This version soon will be deprecated. Please use version from branch doc-loader

Installation

npm install lib-react-components --save

Configure webpack config

// webpack.config.js
// Add loader for .css files
module.exports = {
  ...
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1,
              modules: true,
              localIdentName: '[local]_[hash:base64:5]',
            },
          },
        ],
      },
    ],
  },
};

Quick start

Here's a quick example to get you started, it's literally all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import { ThemeProvider, Button } from 'lib-react-components';
import theme from 'lib-react-components/lib/themes/default.css';

function App() {
  return (
    <ThemeProvider theme={theme}>
      <Button>
        I am Button
      </Button>
    </ThemeProvider>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));