Lean Material UI - a fit good looking material design component library
See the live 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 with
create-react-appbased app, ejection free. - Webpack config free, no need to install and configure
sassorstylus.
$ npm i --save mdlean
import React, { Component } from "react";
import button from "mdlean/lib/button";
import theme from "mdlean/lib/theme";
const context = {
theme: theme(),
};
const Button = button(context);
class App extends Component {
render() {
return (
<div>
<h3>FlatButton </h3>
<Button primary ripple raised label="FLAT LABEL" />
<Button ripple raised accent>
RIPPLE RAISED ACCENT
</Button>
</div>
);
}
}A complete runnable example can be found at
The package np, which stands for npm publish, is a nifty tool which help to release a new version.
Ensure the branch master is up to date:
git checkout master
git pullInvoke np through the npm scripts;
npm run npWhen this lib is linked, avoid the invalid hook call warning with:
npm link
npm link ../myapp/node_modules/react
cd ../myapp
npm link mdlean
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent