Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    @react-material-design/react-material-designpublic

    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

    install

    npm i @react-material-design/react-material-design

    Downloadsweekly downloads

    0

    version

    0.1.7

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar