Two-Factor Status

Overview

TwoFactorStatus shows whether two-factor authentication is enabled or disabled for a user account. When enabled, it displays the method, enrollment date, last verification, and remaining recovery codes count. It supports mandatory 2FA mode (enforced by the organization), disable confirmation, loading states, and custom labels for i18n.

Usage

import { TwoFactorStatusComponent } from "@leanicon/web-builder-library/saas";

<TwoFactorStatusComponent
  status={{
    isEnabled: true,
    method: "totp",
    enabledAt: new Date("2024-01-15"),
    remainingRecoveryCodes: 6,
  }}
  onDisable={() => handleDisable2FA()}
/>;

Variants

Enabled

Disabled

Enabled (Mandatory)

Disabled (Mandatory)

Low Recovery Codes

Disabling

Read Only

With Custom Labels