trent-super-components
v0.0.4
Published
React Components for Material Design Lite
Downloads
16
Maintainers
Readme
React-MDL
React-MDL is a set of React components build on top of Material Design Lite v1.1.3
Join the #react-mdl channel of the Reactiflux Discord community.
Requirements
Instead of using the official material.css
and 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.
<link rel="stylesheet" href="material.css">
<script src="material.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
How to use the components
import the entire library
import ReactMDL from 'react-mdl';
var Button = ReactMDL.Button;
var Card = ReactMDL.Card
// or
import { Button, Card, CardText } from 'react-mdl';
import a specific component
import Button from 'react-mdl/lib/Button';
import { Card, CardText, CardActions } from 'react-mdl/lib/Card';
License
MIT, see LICENSE.md for details.