Split - Installments

This section describes the BfmChargeInstallmentsComponent component.

Usage

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

installments.component.ts

import { BfmChargeInstallmentsComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'installments',
  imports: [BfmChargeInstallmentsComponent],
  templateUrl: './installments.component.html',
})
export class InstallmentsComponent {}

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

installments.component.html

<bfm-split-installments
  [chargeValue]="0"
  [installmentsNumber]="0"
  [orderFields]="[INSTALLMENTS_SPLIT_FIELDS.input, INSTALLMENTS_SPLIT_FIELDS.dropdown]"
  [recurrenceType]="RECURRENCE_TYPE.no_repeat"
/>

Inputs

The BfmChargeInstallmentsComponent component has the following inputs:

chargeValue

Charge current value

Type	Default
number	0

installmentsNumber

Installments number

Type	Default
number	0

orderFields

Custom Order Split Fields

Type	Default
INSTALLMENTS_SPLIT_FIELDS[]	[INSTALLMENTS_SPLIT_FIELDS.input, INSTALLMENTS_SPLIT_FIELDS.dropdown]

recurrenceType

Recurrence type

Type	Default
any	RECURRENCE_TYPE.no_repeat

Events

The BfmChargeInstallmentsComponent component has no events.