Cost Center Header

This section describes the BfmCostCenterHeaderComponent component.

Usage

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

import { BfmCostCenterHeaderComponent } from '@celerofinancas/ui-company-kit';

@Component({
  standalone: true,
  selector: 'cost-center-header',
  imports: [BfmCostCenterHeaderComponent],
  templateUrl: './cost-center-header.component.html',
})
export class CostCenterHeaderComponent {}

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

<bfm-cost-center-header 
  [buttonText]="'Download CSV'"
  [headerTitle]="'Centro de Custos'"
  [showButton]="false"
  (buttonClick)="handleButtonClick($event)"
/>

Inputs

The BfmCostCenterHeaderComponent component has the following inputs:

buttonText

Button text.

Type	Default
string	'Download CSV'

headerTitle

Header title.

Type	Default
string	'Centro de Custos'

showButton

Show button.

Type	Default
boolean	false

Events

The BfmCostCenterHeaderComponent component has the following events:

buttonClick

Button click event.

Type
EventEmitter<any>