trent-super-components

    0.0.4 • Public • Published

    React-MDL Build Status Coverage Status

    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.

    Install

    npm i trent-super-components

    DownloadsWeekly Downloads

    10

    Version

    0.0.4

    License

    MIT

    Last publish

    Collaborators

    • young_spring