Yield Item

This section describes the BfmFinancialRecordYieldItemComponent component.

Composition

The BfmFinancialRecordYieldItemComponent has no any composition components.

Usage

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

financial-record-yield-item.component.ts

import { BfmFinancialRecordYieldItemComponent } from '@celerofinancas/ui-cash-flow';

@Component({
  standalone: true,
  selector: 'financial-record-yield-item',
  imports: [BfmFinancialRecordYieldItemComponent],
  templateUrl: './financial-record-yield-item.component.html',
})
export class CustomFinancialRecordYieldItemComponent {}

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

financial-record-yield-item.component.html

<bfm-financial-record-yield-item 
  [financialRecord]="financialRecord"
  [orderFields]="orderFields"
  (customValue)="handleCustomValue($event)"
/>

Inputs

The BfmFinancialRecordYieldItemComponent component has the following inputs:

financialRecord

Financial record data

Type	Default
any	null

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 BfmFinancialRecordYieldItemComponent component has the following events:

customValue

Custom value input event emitter

Type
EventEmitter<any>