open-index/open-npm huggingface dataset:
npm package: @orion-ui/react-hig
Description: hig components in react
Author: Autodesk Inc.
Latest version: 1.0.3-alpha.b1573875

# react-hig

React components for the HIG

## Table of Contents

-   [Install](#install)
-   [Usage](#usage)

This project uses [node](http://nodejs.org) and [npm](https://npmjs.com). Go check them out if you don't have them locally installed.

```sh
$ npm install --save @orion-ui/react-hig
```

Then with a module bundler like [rollup](http://rollupjs.org/) or [webpack](https://webpack.js.org/), use as you would anything else:

```javascript
// using ES6 modules
import { Button } from '@orion-ui/react-hig';

// Styles
import '@orion-ui/react-hig/react-hig.css';

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

The [UMD](https://github.com/umdjs/umd) build is also available on [unpkg](https://unpkg.com):

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

You can find the library on `window.ReactHIG`.

## Usage

```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@orion-ui/react-hig';

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