Skip to main content

Recurrency Info

This section describes the BfmRecurrencyInfoComponent component.

Composition​

The BfmRecurrencyInfoComponent is composed of the following components:

Usage​

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

recurrency-info.component.ts
import { BfmRecurrencyInfoComponent } from '@celerofinancas/ui-cash-flow';

@Component({
standalone: true,
selector: 'recurrency-info',
imports: [BfmRecurrencyInfoComponent],
templateUrl: './recurrency-info.component.html',
})
export class CustomRecurrencyInfoComponent {}

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

recurrency-info.component.html
<bfm-recurrency-info 
[amountsValues]="amountsValues"
[installments]="installments"
[recordForm]="recordForm"
[recurrencyType]="recurrencyType"
/>

Inputs​

The BfmRecurrencyInfoComponent component has the following inputs:

amountsValues​

Amounts total value label

TypeDefault
any[][]

installments​

Installments

TypeDefault
any[][]

recordForm​

Record form group reference

TypeDefault
FormGroupnew FormGroup({})

recurrencyType​

Recurrency type

TypeDefault
RECURRENCY_TYPERECURRENCY_TYPE.recurring

Events​

The BfmRecurrencyInfoComponent component has the following events:

installmentsValidity​

Emits Installments Validity event

Type
EventEmitter<any>

setRecurrencyType​

Emits when recurrency type is set to a new value

Type
EventEmitter<RECURRENCY_TYPE>

updateInstallments​

Emits Update Installments event

Type
EventEmitter<any>