Skip to main content

Two Factor Authenticator

This section describes the BfmTwoFactorAuthenticatorComponent component.

Composition​

The BfmTwoFactorAuthenticatorComponent is composed of the following components:

Usage​

You can import the BfmTwoFactorAuthenticatorComponent directly in your route configuration.

import { BfmTwoFactorAuthenticatorComponent } from '@celerofinancas/ui-user-kit';

const routes = [
  {
    path: 'two-factor-authenticator',
    component: BfmTwoFactorAuthenticatorComponent,
  },
];

But if you need more customization, you need to import it in your module and use it in your template.

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

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

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

two-factor-authenticator.component.html
<bfm-two-factor-authenticator 
  [descriptionText]="descriptionText"
/>

Inputs​

The BfmTwoFactorAuthenticatorComponent component has the following inputs:

descriptionText​

Description Inner Html Component Text

Type
string

Default value:

Para maior segurança da sua conta e seus dados, habilite a autenticação de dois <br/>fatores (2FA) via aplicativo autenticador (OTP) ou e-mail

Events​

The BfmTwoFactorAuthenticatorComponent component has no events.