Create Section

This section describes the BfmCostCenterCreateSectionComponent component.

Composition

The BfmCostCenterCreateSectionComponent is composed of the following components:

• BfmCostCenterComponent - Cost center component.

Usage

You can import the BfmCostCenterCreateSectionComponent directly in your route configuration.

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

const routes = [
  {
    path: 'cost-center-create-section',
    component: BfmCostCenterCreateSectionComponent,
  },
];

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

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

@Component({
  standalone: true,
  selector: 'cost-center-create-section',
  imports: [BfmCostCenterCreateSectionComponent],
  templateUrl: './cost-center-create-section.component.html',
})
export class CostCenterCreateSectionComponent {}

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

<bfm-cost-center-create-section 
  [loading]="isLoading"
  [newCostCenterName]="newCostCenterName"
  (loadingChange)="handleLoadingChange($event)"
  (refreshCostCenterList)="handleRefreshCostCenterList($event)"
/>

Inputs

The BfmCostCenterCreateSectionComponent component has the following inputs:

loading

Loading state.

Type	Default
boolean	false

newCostCenterName

New cost center name.

Type	Default
string	''

Events

The BfmCostCenterCreateSectionComponent component has the following events:

loadingChange

Loading change event.

Type	Default
EventEmitter<boolean>	new EventEmitter<boolean>()

refreshCostCenterList

Refresh cost center list event.

Type	Default
EventEmitter<void>	new EventEmitter<void>()