Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-material-design

Package Overview
Dependencies
Maintainers
1
Versions
34
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-material-design

react material-components

  • 0.4.3
  • unpublished
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
0
Maintainers
1
Weekly downloads
 
Created
Source

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

React

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')
);

Script Tag

<html>
  ...
  <script src="https://unpkg.com/react-material-design/build/rmd.min.js"></script>
  <script>
      ...
  </script>
</html>

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

Keywords

FAQs

Package last updated on 20 Apr 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc