Blocks
Passkey sign-in
Passkey entry point sized to sit inside a login card: one button plus its error state. Renders nothing when the device cannot use passkeys, and treats a cancelled OS prompt as a silent return to idle.
Preview and props
Expand Props below the centered preview to change the component’s properties.
Examples
Toggle availability and try the simulated sign-in outcomes.
Example controls
Usage
import { PasskeySignInBlock } from "@exegia/corpora-ui"
<PasskeySignInBlock
available={capability.usable}
onSignIn={signInWithPasskey}
/>API notes
| Prop | Type | Default | Description |
|---|---|---|---|
| available | boolean | true | Whether this device can use passkeys. false renders nothing at all — a button guaranteed to fail is worse than no button. |
| label | string | "Sign in with a passkey" | Button label. |
| onSignIn | () => Promise<{ cancelled?: boolean } | void> | — | Reject (or throw) to show the inline error. Resolve with { cancelled: true } to return silently to idle. |
| fallbackHint | React.ReactNode | — | Shown under an error, pointing at the remaining sign-in methods. |
Last updated on
Update password
Password change for a signed-in user: a strength-metered new password reveals the confirm field, which reveals the submit button. Mismatches are caught before submit.
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.