No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

ArcGIS Monaco Editor

Custom hook for using Microsofts Monaco Editor in React applications and customized functionality to integrate with ArcGIS items.

Installation
// Importing coming soon.
npm install arcgis-monaco-editor
Import Syntax
// Importing coming soon.
import useArcgisMonacoEditor from "arcgis-monaco-editor";
Basic Usage
const editorEl = useRef();
const options = { language, value, theme };
const { isEditorReady, monaco, editor, ...editorState } = useArcgisMonacoEditor(
  editorEl,
  options
);

useEffect(() => {
  // Once editor is ready, access Microsoft Monaco Editor functions with:
  // 'monaco' and 'editor'
  // most eventListeners and providers return a method to dispose to be handled during cleanup
}, []);

//provide a container
return (
  <div ref={editorEl} style={{ height: height, width: width }} {...args} />
);