hotglue Docs home pagelight logodark logo
  • Status
  • Dashboard
  • Dashboard
React Reference
Overview
Documentation
API Reference
Unified API Schemas
Getting Started
  • Introduction
  • FAQ
Key Concepts
  • Tenants
  • Jobs
  • Connectors
  • Environments
  • Flows
Managed authentication
  • Embedded Widget
    • Overview
    • Javascript Reference
    • React Reference
      • Overview
      • Use the widget
      • HotglueConfig
      • Inline component
    • Options
    • Changelog
  • Magic Links
Transformation
  • Overview
  • Gluestick
  • Writing a basic script
  • Debugging a script
  • Snapshots
  • Use Cases
  • Sample Scripts
Custom Connectors
  • Taps
  • Building targets
Unified Schema
  • Introduction
  • Accounting Schema
  • E-Commerce Schema
  • CRM Schema
Environment Settings
  • Widget settings
  • White-label
  • Job settings
  • Webhooks
  • Environment Variables
CLI
  • Overview
  • Configuration
  • Env
  • ETL
  • Flows
  • Jobs
  • Tenants
Connectors
  • Core Connectors
  • Community Connectors
React Reference

Overview

Using the hotglue widget with React

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.

Javascript ReferenceUse the widget
twittergithublinkedin
Powered by Mintlify