Authenticate with Passkey

The user must have already signed in via another method (e.g. email/password, social, etc.) and added a passkey to their account before they can use it to sign in with.

You can prompt a user to add a passkey to their account using your SDK’s passkey registration method (see SDK-specific Tabs).

Dashboard Configuration

Simply toggle on “Passkey” in the Log in & User Profile section of the dashboard.

Prerequisites

Before this: create and initialize a Dynamic client (see Creating a Dynamic Client, Initializing the Dynamic Client).

Usage

JavaScript

import { signInWithPasskey } from '@dynamic-labs-sdk/client';

// Call signInWithPasskey to prompt the user to authenticate with a passkey.
// Once the user authenticates with the passkey, they will be signed in.

const handlePasskeySignIn = async () => {
  await signInWithPasskey();
};

React

import { signInWithPasskey } from '@dynamic-labs-sdk/client';

function PasskeySignInButton() {
  const handleSignIn = async () => {
    await signInWithPasskey();
    // User is now authenticated
  };

  return <button onClick={handleSignIn}>Sign in with passkey</button>;
}