Blocks
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.
Preview and props
Expand Props below the centered preview to change the component’s properties.
Examples
Adjust password strength requirements and try matching or mismatched passwords.
Update your password
Choose a new password for your account
Example controls
Usage
import { UpdatePasswordBlock } from "@exegia/corpora-ui"
<UpdatePasswordBlock
onSubmit={async ({ password }) => updatePassword(password)}
/>API notes
| Prop | Type | Default | Description |
|---|---|---|---|
| logo | React.ReactNode | — | Brand mark rendered above the title. Omitted leaves no logo row at all. |
| accent | "corpora" | "exegia" | — | Brand accent for the primary action — corpora is a solid #E8B124, exegia a purple gradient. Omit to keep the default primary. |
| minStrength | number | 4 | Strength (0-4) the new password must reach before the confirm field is revealed. 0 disables the gate. |
| onSubmit | ({ password }) => Promise<void> | — | Reject (or throw) to show the error state with the error message. |
| onDone | () => void | — | Adds a Continue link to the success panel. Omit to end on the panel. |
Last updated on
Code Authentication
SMS/email one-time-code verification with auto-submit, resend countdown and error shake.
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.