Profile Menu Item
This section describes the BfmProfileMenuItemComponent component.
Composition
The BfmProfileMenuItemComponent is composed of the following components:
- BfmHoverDropdownComponent - Component for displaying a hover dropdown menu.
Usage
You need to import it in your module and use it in your template.
profile-menu-item.component.ts
import { BfmProfileMenuItemComponent } from '@celerofinancas/ui-user-kit';
@Component({
standalone: true,
selector: 'profile-menu-item',
imports: [BfmProfileMenuItemComponent],
templateUrl: './profile-menu-item.component.html',
})
export class ProfileMenuItemComponent {}
Then, in your template, you can use the component like this:
profile-menu-item.component.html
<bfm-profile-menu-item
[gender]="'male'"
/>
Inputs
The BfmProfileMenuItemComponent component has the following inputs:
gender
Gender of the user
| Type | Default |
|---|---|
string | 'male' |
Events
The BfmProfileMenuItemComponent component has no events.