@bitchin/react-material-web

npm install --save @bitchin/react-material-web

Usage no npm install needed!

<script type="module">
  import bitchinReactMaterialWeb from 'https://cdn.skypack.dev/@bitchin/react-material-web';
</script>

README

@bitchin/react-material-web

NPM JavaScript Style Guide

Install

npm install --save @bitchin/react-material-web

Setup

Some where in your app, you will want to import the fonts (Roboto and Material Icons, both loaded from fonts.googleapis.com). As well as import the Material Components Web css (however you choose).

import React, { Fragment } from 'react';
import { BaseFonts } from '@bitchin/react-material-web';

const App = () => (
  <Fragment>
    <BaseFonts />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/material-components-web/3.1.0/material-components-web.min.css" rel="stylesheet" />
    {/* whatever other things your app does goes here */}
  </Fragment>
);

Usage

import React from 'react'
import { Button } from '@bitchin/react-material-web'

const Example = () => {
  return (
    <Button>My Button</Button>
  );
}

License

MIT ©