mh_system

• Reusable frontend components from the alpha repo

Documentation

• Storybook

Installation

npm install --save mh_system

or

yarn add --save mh_system

Usage

• Note: You'll need to import the global stylesheet at the top of your app.

Global stylesheet

import 'mh_system/dist/index.css' // stylesheet

import React from 'react'
import ReactDOM from 'react-dom'

import { App } from './App'

ReactDOM.render(<App />, document.getElementById('root'))

Components

import {
  Button,
  Gradient,
  H4,
  Input,
  Spinner,
} from 'mh_system'

const App = () => {
  return (
    <div>
      <Gradient />
      <H4>Sample Components</H4>
      <Input label="Sample Label" name="Sample Name" />
      <Button children="Sample" />
      <Spinner children="Sample" />
    </div>
  )
}