List

This section describes the BfmCostCenterListComponent component.

Composition

The BfmCostCenterListComponent is composed of the following components:

• BfmCostCenterItemComponent - Cost center item component.
• BfmCostCenterHeaderComponent - Cost center header component.
• BfmCostCenterCreateSectionComponent - Cost center create section component.

Usage

You can import the BfmCostCenterListComponent directly in your route configuration.

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

const routes = [
  {
    path: 'cost-center-list',
    component: BfmCostCenterListComponent,
  },
];

But if you need more customization, you need to import it in your module and use it in your template.

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

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

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

<bfm-cost-center-list 
  [enableCreation]="true"
  [pageTitle]="'Centros de Custos vinculados a empresa'"
/>

Inputs

The BfmCostCenterListComponent component has the following inputs:

enableCreation

Enable cost center creation.

Type	Default
boolean	false

pageTitle

Page title.

Type	Default
string	''

Events

The BfmCostCenterListComponent component has no events.