Step 3. Import the widget

To use the Advanced Identity Cloud/PingAM Login Widget, import the modules you want to use into your app:

// Import the Login Widget
import Widget, { configure } from '@forgerock/login-widget';

The exact syntax for importing the widget depends on the module system you are using.

The Advanced Identity Cloud/PingAM Login Widget exports a number of different modules, each providing different functionality.

Advanced Identity Cloud/PingAM Login Widget modules
Module	Description	API reference
`Widget`	Use this main class to instantiate the Advanced Identity Cloud/PingAM Login Widget, mount it into the DOM, and set up event listeners.	Widget API reference
`configure`	Use this async function to configure the Advanced Identity Cloud/PingAM Login Widget. You call it once with a well-known URI — from which the widget derives all server endpoints — plus OIDC client settings and any optional style, content, or link overrides.	Configuration API reference
`journey`	Use this module to configure and start an authentication journey.	Journey API reference
`component`	Use this module to subscribe to events triggered by the Advanced Identity Cloud/PingAM Login Widget and for controlling the modal form factor.	Component API reference
`user`	Use this module for managing users in the Advanced Identity Cloud/PingAM Login Widget, such as obtaining user or token information, and logging users out.	User API reference
`protect`	Use this module to manually control the PingOne Signals SDK for risk evaluations.	Protect API reference