Skip to main content

Two Factor OTP Authenticator Status

This section describes the BfmTwoFactorOtpAuthenticatorStatusComponent component.

Usage​

You need to import it in your module and use it in your template.

two-factor-otp-authenticator-status.component.ts
import { BfmTwoFactorOtpAuthenticatorStatusComponent } from '@celerofinancas/ui-user-kit';

@Component({
  standalone: true,
  selector: 'two-factor-otp-authenticator-status',
  imports: [BfmTwoFactorOtpAuthenticatorStatusComponent],
  templateUrl: './two-factor-otp-authenticator-status.component.html',
})
export class CustomTwoFactorOtpAuthenticatorStatusComponent {}

Then, in your template, you can use the component like this:

two-factor-otp-authenticator-status.component.html
<bfm-two-factor-otp-authenticator-status 
  [activeSince]="'2023-01-01'"
  [status]="'active'"
/>

Inputs​

The BfmTwoFactorOtpAuthenticatorStatusComponent component has the following inputs:

activeSince​

2FA active since

TypeDefault
string''

status​

2FA status

TypeDefault
TwoFactorStatus''

Events​

The BfmTwoFactorOtpAuthenticatorStatusComponent component has no events.