Corbado Web UI Components for Passkey Integration

Try Demo

Talk to Adoption Engineer

Whitepaper

1. Introduction

Enterprise passkey integrations can be complex especially when you have multiple systems, existing authentication flows, and varied compliance requirements. Corbado Connect aims to simplify this by providing JavaScript-based UI components that work seamlessly in any front-end environment. These components handle the heavy lifting of passkey ceremonies, fallback logic, and user interactions, letting you focus on building great user experiences. Corbado’s approach is lightweight: you embed our JavaScript library or use npm packages to mount passkey related components in your code. This guide shows a short introduction to the two core components CorbadoConnectAppend and CorbadoConnectLogin and also briefly introduces CorbadoConnectPasskeyList for passkey management. This article focuses primarily on the automatic login approach tailored for identifier-first implementations. If you’re interested in learning more about implementing passkeys using our passkey button approach with Corbado Web UI Components, feel free to contact us directly for further details.

2. Components as one part of the Enterprise Passkey Platform

Frontend Components are only one part of the integration options provided by Corbado. In addition to their primary passkey functionality, all components also collect Passkey Intelligence and Tracking Signals to allow for optimized decision-making and enhance the overall security and user experience.

3. Configuration Supported by All Components

Each Corbado Web UI Component supports a common set of configuration parameters:

Name	Description	Required	Type
`projectId`	The ID of the Corbado project.	✅	`string`
`frontendApiUrlSuffix`	The Corbado Frontend API to connect to. You can specify whether the component connects to the staging or production environment.	✅	`string`
`isDebug`	If set to `true`, the Corbado Web UI Components will log debug information to the console. Useful for development, but should be disabled in production.		`boolean`
`enableHighlight`	If set to `true`, components are visually surrounded by a red box—helpful in development to understand the scope of each component in your layout.		`boolean`
`flags`	An object that defines default flags to include in requests to Corbado’s Frontend API. Currently, only `"conditional-ui-allowed"` is used; more flags may be added in the future as needed.		`object`

Overview

Flows

Architecture

Web UI Components

Management Console

Integration

Features

Concepts

Helpful Guides

Security & Compliance

Corbado Web UI Components for Passkey Integration

1. Introduction

2. Components as one part of the Enterprise Passkey Platform

3. Configuration Supported by All Components

​1. Introduction

​2. Components as one part of the Enterprise Passkey Platform

​3. Configuration Supported by All Components

1. Introduction

2. Components as one part of the Enterprise Passkey Platform

3. Configuration Supported by All Components