@react-material-design/react-material-design
react material-components
Last updated 2 years ago by migo .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @react-material-design/react-material-design 
SYNC missed versions from official npm registry.

Material Design for React

npmBuild Status

React components for material-components/material-components-web's foundation/adapter classes. Our web projects use React, and Google Material Design theories. So we decided contribute to the project that best adheres to Material Design guidelines. Plus Material Components is developed by a core team of engineers and UX designers at Google.

Installation

yarn add react-material-design

Examples

import React from 'react';
import ReactDOM from 'react-dom';
import { FAB } from 'react-material-design';

ReactDOM.render(
    <FAB
        location="floating-bottom-right"
        icon="create_new_folder"
    />,
    document.getElementById('root')
);

Check out examples directory as well.

Icons

Ensure that appropriate icon library is added to the <head> of your project's html file

  • Material icons: Multiple word icons need to be named with a - e.g., account-circle
    • <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  • Other Icon libraries can be used as well

Project Notes

I want this to work with

  • react
  • react-router
  • have animation

Useful Links

Current Tags

  • 0.1.7                                ...           latest (2 years ago)

4 Versions

  • 0.1.7                                ...           2 years ago
  • 0.1.4                                ...           2 years ago
  • 0.1.6                                ...           2 years ago
  • 0.1.5                                ...           2 years ago
Maintainers (1)
Downloads
Today 1
This Week 5
This Month 6
Last Day 4
Last Week 0
Last Month 1
Dependencies (20)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |