Components
UserProfile
Full account management surface - profile, password, passkeys, MFA, sessions, connected accounts.
<UserProfile />
The hosted /account page rendered as a component you can embed anywhere. Lets users manage:
- Profile fields (name, email, phone).
- Password change + breach check.
- Passkey enrollment + deletion.
- TOTP + recovery codes.
- Active sessions list with per-session revoke.
- Connected social / SSO accounts.
- Account deletion.
Import
Usage
import { UserProfile }
Pair with your app chrome. No additional props required for the common case.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
sections | Array<"profile" | "security" | "sessions" | "connected" | "danger"> | all | Restrict to a subset |
onProfileUpdated | (user: User) => void | undefined | Fires after each successful patch |
onAccountDeleted | () => void | undefined | Fires after delete grace-window is queued |
Example -- restrict to security only
<UserProfileRelated
- SessionList -- standalone sessions component
- Protect