Security Settings
A contained security page with a validated password change and strength meter, a two-step setup flow with a drawn QR, code check and recovery codes to copy or download, passkeys and active sessions with revoke.
Preview
ines@pebble.example
Security
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| account | string | — | Account shown in the header and the authenticator app. |
| issuer | string | "Larkspur" | Issuer shown in the authenticator app. |
| totpSecret | string | — | Base32 secret encoded in the setup QR (our QrCode) and shown as a key. |
| recoveryCodes | string[] | — | Shown after verification with Copy and Download. |
| defaultTwoFactor | boolean | false | Start with two-step verification on. |
| defaultTwoFactorStep | "off" | "scan" | "codes" | "on" | — | Open the two-step setup at a step, e.g. to show the QR in a preview. |
| sessions | { id, device, location?, lastActive, current?, kind? }[] | [] | Active sessions with generic device labels (e.g. Work laptop · Browser); the current one can't be revoked. |
| passkeys | { id, name, added, lastUsed? }[] | [] | Registered passkeys. |
| onChangePassword | (current, next) => Promise<void | { error }> | — | Change the password after validation. |
| onVerifyCode | (code) => Promise<boolean> | — | Check the first authenticator code; false shows an error. |
| onDisableTwoFactor | () => void | — | Called by Turn off. |
| onRevokeSession | (id) => Promise<void> | void | — | Sign one session out. |
| onRevokeOthers | () => Promise<void> | void | — | Sign out every session except this device. |
| onAddPasskey | () => Promise<Passkey | void> | — | Register a passkey; resolve with it to list it. |
| onRemovePasskey | (id) => void | — | Remove a passkey. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.