react-labs

A React user interface kit built with Material-UI.

Installation

1. Install react-labs (you can use either npm or Yarn):

npm i @eqworks/react-labs

2. Install the required peer dependencies:

npm i @eqworks/lumen-ui @material-ui/core @material-ui/icons @material-ui/lab react react-dom

Usage

1. Import the required react-slick CSS files:

import"slick-carousel/slick/slick.css";import"slick-carousel/slick/slick-theme.css";

2. Wrap your application in a <ThemeProvider>:

importReactfrom"react";importReactDOMfrom"react-dom";import{ThemeProvider}from"@eqworks/react-labs";importAppfrom"./app";ReactDOM.render(<ThemeProvider><App/></ThemeProvider>,document.getElementById("root"));

3. Now you can start using react-labs components:

import{Button,Typography}from"@eqworks/react-labs";constMyComponent=()=>(<div><Typographyvariant="h1">Hello world!</Typography><Buttontype="primary">Click me!</Button></div>);

Note: You can override the react-labs default theme by passing a theme prop to <ThemeProvider>.
Click here to find out how to create your own theme using Material UI's createMuiTheme method.