ACL UI

ACL UI Components library, icon font, css and more!

Install

NOTE: We are hosting the package on gemfury.com. There is an extra step required before install. See The Wiki for more info.

$ npm i acl-ui --save

Usage

import React, { Component, PropTypes } from 'react';
import { SidePanel } from 'acl-ui/components';

class SidePanelExample extends Component {
  openPanel() {
    this.refs.panel.open();
  }

  render() {
    return (
      <div>
        <button onClick={this.openPanel.bind(this)}>Open SidePanel</button>
        <SidePanel ref="panel" title="ACL UI is Awesome">
          <h1>Objectives:</h1>
          <ul>
            <li>Happy customers</li>
            <li>Profit</li>
          </ul>
        </SidePanel>
      </div>
    );
  }
}

export default SidePanelExample;

Learn more

Check out the Wiki For more information!