Popover

createNetworkPopover.jsx

var Dispatcher = require('flux/dispatcher');
var PopoverForm = require('canon-react/popoverForm');

var CreateNetworkPopover = React.createClass({
  render: function () {
    <CreateNetworkPopover>
      <PopoverForm onSave={this.create} onCancel={this.dismiss} open={this.state.open}>
        // Custom popover content goes here.
      </PopoverForm>
    </CreateNetworkPopover>
  },
  create: function () {
    var data; // get this from props
    Dispatcher.dispatch('createNetwork', data);
  },
  dismiss: function () {
    this.setState({ open: false });
  }
});