Corpora UI
Blocks

Passkey manager

Settings panel for the passkeys on an account: register, inline rename with validation, and delete behind a confirmation that warns when the last passkey is about to go.

Preview and props

Expand Props below the centered preview to change the component’s properties.

Examples

Try registering, renaming and removing demo passkeys, or toggle loading and availability.

Passkeys
Sign in without a password using your device's biometrics or security key.
  • MacBook ProAdded 5/2/2026 · Last used 7/28/2026
  • iPhoneAdded 6/14/2026

Example controls

Usage

import { PasskeyManagerBlock } from "@exegia/corpora-ui"

<PasskeyManagerBlock
  passkeys={passkeys}
  onRegister={register}
  onDelete={remove}
/>

API notes

PropTypeDefaultDescription
passkeysIPasskeyRecord[][]The account's passkeys ({ id, name?, createdAt?, lastUsedAt? }), newest first.
availablebooleantrueWhether this device can register passkeys. false swaps the panel for an explanation.
loadingbooleanfalseShows the loading row instead of the list.
onRegister() => Promise<{ cancelled?: boolean } | void&gt—Reject (or throw) to show the error. Resolve with { cancelled: true } to return silently to idle.
onRename / onDelete(id, name?) => Promise<void&gt—Rename is validated to 1-120 characters before it fires; delete only fires after the confirmation is accepted.

Last updated on

On this page