client/AutoSavePlugin.js
/**
   * render any React component you like to extend the existing
   * Camunda Modeler application UI
   */
render any React component you like to extend the existing
Camunda Modeler application UI
render any React component you like to extend the existing Camunda Modeler application UI
render() {
    const {
      enabled,
      interval
    } = this.state;
    const initValues = {
      enabled,
      interval
    };
    return <Fragment>
      <Fill slot="toolbar" group="9_autoSave">
        <button type="button" onClick={ () => this.setState({ configOpen: true }) }>
          Configure autosave
        </button>
      </Fill>
      { this.state.configOpen && (
        <ConfigModal
          onClose={ this.handleConfigClosed }
          initValues={ initValues }
        />
      )}
    </Fragment>;
  }
render ( ) { const { enabled , interval } = this . state ; const initValues = { enabled , interval } ; return < Fragment > < Fill slot = "toolbar" group = "9_autoSave" > < button type = "button" onClick = { ( ) => this . setState ( { configOpen : true } ) } > 
          Configure autosave
         < / button > < / Fill > { this . state . configOpen && ( < ConfigModal onClose = { this . handleConfigClosed } initValues = { initValues } / > ) } < / Fragment > ; }
render any React component you like to extend the existing
 Camunda Modeler application UI
render any React component you like to extend the existing Camunda Modeler application UI
// we can use fills to hook React components into certain places of the UI