Skip to main content

Header

This section describes the BfmPaymentsHeaderComponent component.

Usage​

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


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

@Component({
  standalone: true,
  selector: 'payments-header',
  imports: [BfmPaymentsHeaderComponent],
  templateUrl: './payments-header.component.html',
})
export class PaymentsHeaderComponent {}

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

<bfm-payments-header 
  [selectedTab]="selectedTab"
  (clearSelection)="handleClearSelection()"
  (denyAuthorization)="handleDenyAuthorization()"
  (openConfirmationModal)="handleOpenConfirmationModal()"
  (reprocessItems)="handleReprocessItems()"
/>

Inputs​

The BfmPaymentsHeaderComponent component has the following inputs:

selectedTab​

Selected tab reference for header - Default to: PAYMENT_AUTHORIZATION.waiting

TypeDefault
anyPAYMENT_AUTHORIZATION.waiting

Events​

The BfmPaymentsHeaderComponent component has the following Events:

clearSelection​

Clear selection event emitter

Type
EventEmitter<void>

denyAuthorization​

Deny authorization event emitter

Type
EventEmitter<void>

openConfirmationModal​

Open confirmation modal event emitter

Type
EventEmitter<void>

reprocessItems​

Reprocess items event emitter

Type
EventEmitter<void>