react-mdcw v0.1.1

react-mdcw

React wrapper for Material Components Web

Goals

• Making fully-featured, customizable

• Wrapping material-components-web with react in react way

• Typing strictly with flowtype

Demo

You can find live example demo at https://hardtack.github.io/react-mdcw/

Usage

import React from 'react';
import {Typography, Title, Body2} from 'react-mdcw/lib/typography';

export default class Example extends React.Component {
  render () {
    return (
      <Typography>
        <Title>
          This is an example
        </Title>
        <Body2>
          Hello world!
        </Body2>
      </Typography>
    );
  }
}

Setup for Development

$ cd path/to/react-mdcw
$ npm install

Run Example

$ npm run example

Build

$ npm run build

Progress

• Theme

• Typography

• Drawer

• Elevation

• Button

• Card

• Fab

• Form

• List

• Radio

• Ripple

• Snackbar

• Textfield