Skip to main content

Header Tabs

This section describes the BfmHeaderTabsComponent component.

Composition​

The BfmHeaderTabsComponent has no any composition component.

Usage​

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

header-tabs.component.ts
import { BfmHeaderTabsComponent } from '@celerofinancas/ui-cash-flow';

@Component({
  standalone: true,
  selector: 'header-tabs',
  imports: [BfmHeaderTabsComponent],
  templateUrl: './header-tabs.component.html',
})
export class HeaderTabsComponent {}

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

header-tabs.component.html
<bfm-header-tabs 
  [selected]="selectedTab"
  (selectedChange)="handleSelectedChange($event)"
/>

Inputs​

The BfmHeaderTabsComponent component has the following inputs:

selected​

Selected tab input

TypeDefault
HeaderTabsHeaderTabs.INDIVIDUAL_RECORD

Events​

The BfmHeaderTabsComponent component has the following events:

selectedChange​

Selected tab output event emitter

Type
EventEmitter<any>