Amounts Footer

This section describes the BfmAmountsFooterComponent component.

Usage

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

amounts-footer.component.ts

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

@Component({
  standalone: true,
  selector: 'amounts-footer',
  imports: [BfmAmountsFooterComponent],
  templateUrl: './amounts-footer.component.html',
})
export class AmountsFooterComponent {}

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

amounts-footer.component.html

<bfm-amounts-footer 
  [amountsCount]="amountsCount"
  [amountsTotalValue]="amountsTotalValue"
  [numInstallments]="numInstallments"
  [recurrencyType]="recurrencyType"
/>

Inputs

The BfmAmountsFooterComponent component has the following inputs:

amountsCount

Amounts count to be displayed - Default to 0

Type	Default
number	0

amountsTotalValue

Amounts total value to be displayed - Default to 0

Type	Default
number	0

numInstallments

Number of installments to be displayed - Default to 0

Type	Default
number	0

recurrencyType

Amounts total value label - Default to 'Total'

Type	Default
any	RECURRENCY_TYPE.recurring

Events

The BfmAmountsFooterComponent component has no events.