umbraco-mfa-login-provider

To implement two-factor authentication UI for the Umbraco backoffice, you define an mfaLoginProvider extension and a configuration element that loads setup data from the Management API and validates codes via a callback. This connects your custom backend provider to the backoffice interface.

An mfaLoginProvider extension in Umbraco is used to register a custom two-factor authentication interface within the backoffice. It wires the frontend configuration element to your backend ITwoFactorProvider, enabling users to view QR codes and submit verification tokens.

Wiring a custom ITwoFactorProvider to the Management API involves creating a frontend setup element that fetches QR and secret data from the setup endpoint. The element then validates user-submitted verification codes through a defined callback contract.

Yes, you can use lit web components to build an MFA setup interface in Umbraco. The configuration element manages UI states like loading, submit, and success or error, while directly calling the Management API to fetch setup data and validate codes.

Fetching official Umbraco documentation before creating a two-factor login provider is required to avoid integration drift. The skill uses a docs-driven workflow to ensure correct manifest metadata wiring and proper extension configuration patterns.

If your custom Umbraco two-factor authentication setup is not showing, the manifest likely lacks correct metadata wiring to the forProviderName property. Properly defining the mfaLoginProvider extension and its configuration element ensures the UI registers correctly.