Before we can begin to render the Corbado PasskeyList, the Corbado.load() call has to resolve. Find more here.

​
Prerequisites

Before we can begin to render the Corbado Passkeylist UI, the Corbado.load() call has to resolve.

​
Integration

The Passkeylist allows the user to view and manage their passkeys. He can delete existing passkeys or create new ones. This can be useful if the user wants to have individual passkeys for multiple devices, or erase ones that are no longer needed.

main.html
<!DOCTYPE html>
<html>
<head>
    <link
        rel="stylesheet"
        href="https://unpkg.com/@corbado/web-js@2/dist/bundle/index.css"
    />
    <script src="https://unpkg.com/@corbado/web-js@2/dist/bundle/index.js"></script>
<body>
    <script type="module">
        await Corbado.load({
            projectId: "pro-XXX",
        });
        const passkeyListElement = document.getElementById("passkeyList");
        Corbado.mountPasskeyListUI(passkeyListElement);
    </script>
    <div id="passkeyList"></div>
</body>
</html>

​
Customize Styling and Translations

Corbado UI Components can be customized to match your application’s design and language preferences. You can adjust the styling and translations of the components to create a seamless user experience:

Custom Styling

Custom Translations

​
Next

Access user information through the Corbado object.

Was this page helpful?

CorbadoAuth ComponentAuthentication State