Advanced Identity Cloud/PingAM Login Widget

Advanced Identity Cloud/PingAM Login Widget

PingOne Advanced Identity Cloud PingAM JavaScript

The Advanced Identity Cloud/PingAM Login Widget is an all-inclusive UI component to help you add authentication, user registration, and other self-service journeys into your web applications.

You can use the Advanced Identity Cloud/PingAM Login Widget within React, Vue, Angular and a number of other modern JavaScript frameworks, as well as vanilla JavaScript.

It does not currently support server-side rendering (SSR), including Node.js.

The Advanced Identity Cloud/PingAM Login Widget uses the Ping (ForgeRock) SDK for JavaScript internally, and adds a user interface and state management. This rendering layer helps eliminate the need to develop and maintain the UI components for providing complex authentication experiences.

This rendering layer uses Svelte and Tailwind, but these are "compiled away" resulting in no runtime dependencies.

The resulting Advanced Identity Cloud/PingAM Login Widget is both library- and framework-agnostic.

Topics

Get started with the Advanced Identity Cloud/PingAM Login Widget in the following sections:

Tutorial

Learn how to install the Advanced Identity Cloud/PingAM Login Widget, add it to your applications and manage user authentication and self-service journeys.
Themes

Discover how to reconfigure the Advanced Identity Cloud/PingAM Login Widget to use different colors, fonts, or sizing, or select between the light and dark modes.
Use cases

Find out how to achieve some common use case scenarios using the Advanced Identity Cloud/PingAM Login Widget.
Integrations

Integrate the Advanced Identity Cloud/PingAM Login Widget into various different frameworks.
API

Access a list of the modules included in the Advanced Identity Cloud/PingAM Login Widget and the API they offer.

Functionality

The Advanced Identity Cloud/PingAM Login Widget supports the following PingOne Advanced Identity Cloud and PingAM features:

Supported Unsupported

  • Page node

  • Username

  • Password

  • QR codes

  • Push authentication and registration

  • One-time passwords and registration

  • WebAuthn

  • Device profiles

  • Social login providers:

    • Apple

    • Facebook

    • Google

  • Email suspend, or "magic links"

  • CAPTCHA display

    • hCaptcha

    • reCAPTCHA v2

    • reCAPTCHA v3

  • PingOne Protect

  • Centralized login

  • TextOutputCallback callbacks containing scripts

  • SAML federation

Requirements

The Advanced Identity Cloud/PingAM Login Widget is designed to work with the following:

  • An ECMAScript module or CommonJS enabled client-side JavaScript app

  • A "modern", fully-featured browser such as Chrome, Firefox, Safari, or Chromium Edge

The Advanced Identity Cloud/PingAM Login Widget supports vanilla JavaScript and many frameworks. It is tested against the following:

Tested Unsupported

  • Angular

  • React

  • Vue

  • Svelte

  • Server-side rendering (SSR), including Node.js

The Advanced Identity Cloud/PingAM Login Widget is not designed or tested for use with the following:

  • Internet Explorer

  • Legacy Edge

  • WebView

  • Electron

  • Modified, browser-like environments