Skip to main content

Fines and Discounts

This section describes the BfmChargeFinesAndDiscountsComponent component.

Usage​

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

fines-and-discounts.component.ts
import { BfmChargeFinesAndDiscountsComponent } from '@celerofinancas/ui-charges';

@Component({
standalone: true,
selector: 'fines-and-discounts',
imports: [BfmChargeFinesAndDiscountsComponent],
templateUrl: './fines-and-discounts.component.html',
})
export class FinesAndDiscountsComponent {}

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

fines-and-discounts.component.html
<bfm-fines-and-discounts 
[discountSubtitle]="'Aplicar desconto para pagamento antes da data de vencimento?'"
[discountTitle]="'Opções de desconto'"
[dueDateSubtitle]="'Receber pagamento após vencimento?'"
[dueDateTitle]="'Opções de vencimento'"
/>

Inputs​

The BfmChargeFinesAndDiscountsComponent component has the following inputs:

discountSubtitle​

Discount Options Subtitle

TypeDefault
string'Aplicar desconto para pagamento antes da data de vencimento?'

discountTitle​

Discount Options Title

TypeDefault
string'Opções de desconto'

dueDateSubtitle​

Due Date Options Subtitle

TypeDefault
string'Receber pagamento após vencimento?'

dueDateTitle​

Due Date Options Title

TypeDefault
string'Opções de vencimento'

Events​

The BfmChargeFinesAndDiscountsComponent component has no events.