This section is a reference for all steps involved with using the hotglue widget after installing the widget using the @hotglue/widget package.

To start, you will need to utilize the HotglueConfig component near the entrypoint of your React app:

HotglueConfig

HotglueConfig is a higher order component that must be included in order for the @hotglue/widget package to function correctly.

After that, you can utilize useHotglue or Connections to display the widget in your app:

useHotglue

The useHotglue is the primary way of using the @hotglue/widget package outside of the inline Connections component. Use this to launch the widget and access utility functions.

Connections

The Connections React component is an inline version of the widget. Rather than opening a modal in your app, the Connections component allows for a more native experience.