Header

This section describes the BfmHeaderComponent component.

Usage

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

header.component.ts

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

@Component({
  standalone: true,
  selector: 'header',
  imports: [BfmHeaderComponent],
  templateUrl: './header.component.html',
})
export class HeaderComponent {}

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

header.component.html

<bfm-header 
  [selectedCompaniesPks$]="selectedCompaniesPks$"
  (selectedTab)="handleSelectedTab($event)"
/>

Inputs

The BfmHeaderComponent component has the following inputs:

selectedCompaniesPks$

Selected companies' primary keys

Type	Default
any	BehaviorSet<string>([])

Events

The BfmHeaderComponent component has the following events:

selectedTab

Emits the selected tab

Type
EventEmitter