Import
This section describes the BfmImportComponent component.
Composition
The BfmImportComponent is composed of the following components:
- BfmFinancialRecordsListComponent - Component for displaying financial records list.
- BfmFinancialRecordYieldItemComponent - Component for displaying yield items in financial records.
Usage
You need to import it in your module and use it in your template.
financial-record-import.component.ts
import { BfmImportComponent } from '@celerofinancas/ui-cash-flow';
@Component({
standalone: true,
selector: 'financial-record-import',
imports: [BfmImportComponent],
templateUrl: './financial-record-import.component.html',
})
export class CustomFinancialRecordImportComponent {}
Then, in your template, you can use the component like this:
financial-record-import.component.html
<bfm-import
[headerSubtitle]="'Header Component Subtitle'"
[headerTitle]="'Header Component Title'"
[orderFields]="orderFields"
/>
Inputs
The BfmImportComponent component has the following inputs:
headerSubtitle
Header Component Subtitle
| Type | Default |
|---|---|
string | '' |
headerTitle
Header Component Title
| Type | Default |
|---|---|
string | '' |
orderFields
Yield Item Order Fields
| Type |
|---|
| YIELD_ITEM_ORDER_FIELDS[] |
Default value:
[
YIELD_ITEM_ORDER_FIELDS.checkbox,
YIELD_ITEM_ORDER_FIELDS.tooltip,
YIELD_ITEM_ORDER_FIELDS.name,
YIELD_ITEM_ORDER_FIELDS.due_at,
YIELD_ITEM_ORDER_FIELDS.paid_at,
YIELD_ITEM_ORDER_FIELDS.value
]
Events
The BfmImportComponent component has no events.