Hover Dropdown

This section describes the BfmHoverDropdownComponent component.

Usage

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

hover-dropdown.component.ts

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

@Component({
  standalone: true,
  selector: 'hover-dropdown',
  imports: [BfmHoverDropdownComponent],
  templateUrl: './hover-dropdown.component.html',
})
export class HoverDropdownComponent {}

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

hover-dropdown.component.html

<bfm-hover-dropdown 
  [data]="data"
  [isProfile]="isProfile"
  [keepMenuOpen]="keepMenuOpen"
/>

Inputs

The BfmHoverDropdownComponent component has the following inputs:

data

Provided data for menu item or profile option - Default to: undefined

Type	Default
MenuBarItem | ProfileMenuOption	undefined

isProfile

Is profile dropdown menu - Default to: false

Type	Default
boolean	false

keepMenuOpen

Whether is to keep menu dropdown open - Default to: false

Type	Default
boolean	false

Events

The BfmHoverDropdownComponent component has no events.