Repository files navigation

See thelive demo to find out more about these react components.

Here are the main objectives for these react components:

• Components must be optimised for size.
• Components can be imported individually.
• Real-time theming.
• Compatible withcreate-react-app based app, ejection free.
• Webpack config free, no need to install and configuresass orstylus.

$ npm i --save mdlean

importReact,{Component}from"react";importbuttonfrom"mdlean/lib/button";importthemefrom"mdlean/lib/theme";constcontext={theme:theme(),};constButton=button(context);classAppextendsComponent{render(){return(<div><h3>FlatButton</h3><Buttonprimaryrippleraisedlabel="FLAT LABEL"/><Buttonrippleraisedaccent>          RIPPLE RAISED ACCENT</Button></div>);}}

A complete runnable example can be found at

The packagenp, which stands fornpm publish, is a nifty tool which help to release a new version.

Ensure the branchmaster is up to date:

git checkout mastergit pull

Invokenp through thenpm scripts;

npm run np

When this lib is linked, avoid theinvalid hook call warning with:

npm linknpm link ../myapp/node_modules/reactcd ../myappnpm link mdlean