Security Settings

Two-factor authentication toggles (TOTP & WebAuthn passkeys) paired with an active device session list.

Two-factor authentication & sessions

Manage passkeys, authenticator apps, and active devices.

Protected

Authenticator App (TOTP)

Use a 6-digit verification code when signing in.

Passkey / Security Key

Biometric or hardware key sign-in via WebAuthn.

Active sessions

MacBook Pro • Chrome 134 (Current)

Jakarta, Indonesia • Active now

Current

iPhone 16 Pro • Safari

Last active 3 hours ago

Installation

You can add this security settings component using our CLI or manually:

Dark mode ready - this component follows Ethereal UI semantic tokens automatically. Set up theme switching.

The CLI copies the component source (with its internal dependencies) into your project and installs any required npm packages.

npx @etherealui/cli@latest add security-settings