Naughty Platypus Memorabilia

    react-mdc-web-a

    0.17.0 • Public • Published

    Material components for React

    Maintenance Status NPM version Travis build

    React components based on styles from Material Design Components Web project. Components are written in React.js. Doesn't use MDC foundation classes.

    Installation

    From CDN

    <script src="https://unpkg.com/react-mdc-web/out/react-mdc-web.js"></script>

    From package manager

    npm i --save react-mdc-web

    Theming

    Default theme

    • Include CSS with default theme into HTML page
      <link rel="stylesheet" href="https://unpkg.com/material-components-web@0.23.0/dist/material-components-web.min.css">
    • Or import it into JS/JSX file
      // MyApp/index.js
      import 'material-components-web/dist/material-components-web.min.css';

    Custom theme

    Override default theme colors with Sass or with CSS Custom Properties, just follow these guides:

    Usage

    import React, { Component } from 'react'
    import {Card, CardHeader, CardTitle, CardText, CardActions, Button} from 'react-mdc-web/lib';
     
    class MyComponent extends Component {
      render() {
        return (
            <Card>
              <CardHeader>
                <CardTitle>
                  Title goes here
                </CardTitle>
              </CardHeader>
              <CardText>
                Lorem ipsum dolor sit amet, sint adipiscing ius eu
              </CardText>
              <CardActions>
                <Button compact>Save</Button>
                <Button compact accent>Remove</Button>
              </CardActions>
            </Card>
        );
      }
    }
     

    More samples could be found on the Documentation Site

    License

    MIT, see LICENSE for details

    Install

    npm i react-mdc-web-a

    DownloadsWeekly Downloads

    5

    Version

    0.17.0

    License

    SEE LICENSE IN LICENSE.md

    Last publish

    Collaborators

    • andersoo