hig-react

hig-react

React components for the HIG

Table of Contents

• Install
• Usage

This project uses node and npm. Go check them out if you don't have them locally installed.

$ npm install --save @hig/hig-react

Then with a module bundler like rollup or webpack, use as you would anything else:

// using ES6 modules
import { Button } from '@hig/hig-react';

// Styles
import '@hig/hig-react/lib/hig-react.css';

// using CommonJS modules
var ReactHIG = require('@hig/hig-react');
var Button = ReactHIG.Button;

The UMD build is also available on unpkg:

<script src="https://unpkg.com/@hig/hig-react/lib/hig-react.umd.js"></script>

You can find the library on window.ReactHIG.

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@hig/hig-react';
import '@hig/hig-react/lib/hig-react.css';

class App extends React.Component {
  render() {
    return (
      <div>
        <Button title="Hello World!" />
      </div>
    )
  }
}