User Management Me

This section describes the BfmUserManagementMeComponent component.

Composition

The BfmUserManagementMeComponent is composed of the following components:

• BfmUserManagementUserDataComponent - Component for managing user data.
• BfmUserManagementAccessTypeComponent - Component for managing user access types.
• BfmUserManagementTwoFaStatusManagementComponent - Component for managing two-factor authentication status.
• BfmUserManagementTwoFaAuthenticatorComponent - Component for managing two-factor authentication.
• UserManagementPasswordChangeManagementComponent - Component for managing user password changes.

Usage

You can import the BfmUserManagementMeComponent directly in your route configuration.

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

const routes = [
  {
    path: 'user-management-me',
    component: BfmUserManagementMeComponent,
  },
];

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

user-management-me.component.ts

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

@Component({
  standalone: true,
  selector: 'user-management-me',
  imports: [BfmUserManagementMeComponent],
  templateUrl: './user-management-me.component.html',
})
export class UserManagementMeComponent {}

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

user-management-me.component.html

<bfm-user-management-me 
  [headerTitle]="'Meu perfil'"
/>

Inputs

The BfmUserManagementMeComponent component has the following inputs:

headerTitle

Header title

Type	Default
string	'Meu perfil'

Events

The BfmUserManagementMeComponent component has no events.