hig-react

hig-react

React components for the HIG

Consume

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

$ yarn add hig-react

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

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

// give me all the components at once
import * as Hig from 'hig-react';

// CSS Style (works well with webpack)
import 'hig-react/lib/hig-react.css';

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

You can find the library on window.ReactHIG.

Usage

for more code examples see the hig website: hig.autodesk.com

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

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

Contribute

Please see our DEVELOPING.md for running our playground locally to play around with the source and see our CONTRIBUTING.md and how to get your code back in the repo.