@passageidentity/passage-elements
TypeScript icon, indicating that this package has built-in type declarations

2.0.9 • Public • Published

passage-elements

NPM Version NPM Type Definitions NPM License Static Badge

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 Passkey Flex ✖️ For Passkey Flex, check out passage-flex-js
Passkey Complete Passkey Complete
Passkey Ready Passkey Ready ✖️ For Passkey Ready, check out Authentikit

Getting Started

Check Prerequisites

You'll need a free Passage account and a Passkey Complete app set up in Passage Console to get started.
Learn more about Passage Console →

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.



Passage by 1Password Logo

Passage is a product by 1Password, the global leader in access management solutions with nearly 150k business customers.
This project is licensed under the MIT license. See the LICENSE file for more info.

Package Sidebar

Install

npm i @passageidentity/passage-elements

Weekly Downloads

153

Version

2.0.9

License

MIT

Unpacked Size

2.9 MB

Total Files

29

Last publish

Collaborators

  • colehecht
  • apobletts
  • kevinflanagan
  • passageamy
  • jennmacfarlane
  • rickypadilla
  • passage-blayne
  • passenger_mac
  • sina.seylani