Import

This section describes the BfmCostCenterImportComponent component.

Composition

The BfmCostCenterImportComponent is composed of the following components:

• BfmCostCenterUploadComponent - Component for uploading cost center files.
• BfmCostCenterResultComponent - Component for displaying cost center results.
• BfmCostCenterHeaderComponent - Component for displaying the header.

Usage

You can import the BfmCostCenterImportComponent directly in your route configuration.

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

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

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

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

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

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

<bfm-cost-center-import 
  [inputName]="'inputValue'"
  (eventName)="handleEvent($event)"
/>

Inputs

The BfmCostCenterImportComponent component has the following inputs:

inputName

Input name.

Type	Default
string	''

Events

The BfmCostCenterImportComponent component has the following events:

eventName

Event name.

Type	Default
EventEmiter	null