@passageidentity/passage-elements v2.0.4

About

Passage by 1Password unlocks the passwordless future with a simpler, more secure passkey authentication experience. Passage handles the complexities of the WebAuthn API, and allows you to implement passkeys with ease.

Use Passkey Flex to add passkeys to an existing authentication experience.

Use Passkey Complete as a standalone passwordless auth solution.

Use Passkey Ready to determine if your users are ready for passkeys.

In passage-elements

The Passage Elements are the easiest way to use Passage Passkey Complete in your web application. An Element is a modular component that provides a complete UI/UX for modern authentication, embedded directly into your website.

What's Included?

🙆 User login, registration, and profile cross-platform elements.

🎨 Complete UI/UX for all device types and auth flows – in other words, it just works.

🔒 Full passkey authentication.

✨ Magic Link and One-Time Passcodes over email or SMS.

👥 Authentication with Social providers.

Product	Compatible
Passkey Flex	✖️ For Passkey Flex, check out passage-flex-js
Passkey Complete	✅
Passkey Ready	✖️ For Passkey Ready, check out Authentikit

Getting Started

Check Prerequisites

Install

npm i @passageidentity/passage-elements

Import

// Importing automatically registers the web component
import '@passageidentity/passage-elements/passage-auth';

Initialize

<passage-auth app-id="YOUR_PASSAGE_APP_ID"></passage-auth>

Go Passwordless

Find all core elements, framework-specific examples, additional customization options, and more implementation guidance on our Passkey Complete Elements Documentation page.

Support & Feedback

We are here to help! Find additional docs, the best ways to get in touch with our team, and more within our support resources.