This library is now deprecated. It's higly recommended to use Material Design Components instead.
React-MDL is a set of React components build on top of Material Design Litev1.2.1
Instead of using the official
material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official
Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it.
If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.
Create React App
The above instructions won’t work if you use Create React App with
react-scripts higher than
If you use it, add only this one line to your HTML:
Then add these lines to
npm install --save react-mdl
Alternatively, you can include
node_modules/react-mdl/out/ReactMDL.js as a script, but you'll likely want to copy it to a folder outside of
node_modules first, such as
vendor. Then a global
ReactMDL will be available:
const Button Card CardText = ReactMDL;
For a listing of available components, as well as specific usage information, check out the Components page on the website.
Some extra components can be found in the react-mdl-extra package.
MIT, see LICENSE.md for details.