Example of how to include an ArcGIS API for JavaScript widget in an Experience Builder widget.

The main example here includes the 2D Measurement widget. Click the download button above and extract the files to client\your-extensions\widgets\js-api-widget-wrapper to see it in action.

(builder interface)

1. Download and unzip Experience Builder Developer Edition.
2. Download the latest release from this repository.
3. Unzip the downloaded files, and copy the js-api-widget-wrapper folder into the client\your-extensions\widgets\js-api-widget-wrapper folder of the extracted Experience Builder files.

1. Download and unzip Experience Builder Developer Edition.
2. Open a new terminal window and browse to the client folder.
3. git clone https://github.com/gavinr/js-api-widget-wrapper-experience-builder
4. npm ci
5. npm start
6. Start Experience Builder server per the instructions (in a separate terminal, cd server, npm ci, npm start)

1. Open the client folder as a project in VS Code (or similar code editor).
2. Make sure both scripts are running (in the server folder and client) folder).
3. Every time you make a change to your widget, it will be re-built with webpack automatically.

View my other Experience Builder projects here.

View another example of using a JS API widget within Experience Builder here and here.