Payments Page

This section describes the BfmPaymentsComponent component.

Composition

The BfmPaymentsComponent is composed of the following components:

• BfmPaymentsHeaderComponent - Component for payments header.
• BfmPaymentsListComponent - Component for payments list.
• BfmPaymentPopoverFilterComponent - Component for payment popover filter.
• BfmPaymentsSetupComponent - Component for payments setup.

Usage

You can import the BfmPaymentsComponent directly in your route configuration.

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

const routes = [
  {
    path: 'payments-authorization',
    component: BfmPaymentsComponent,
  },
];

But if you need more customization, you need to import it in your module and use it in your template.

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

@Component({
  standalone: true,
  selector: 'payments',
  imports: [BfmPaymentsComponent],
  templateUrl: './payments.component.html',
})
export class PaymentsComponent {}

<bfm-payments />

Inputs

The BfmPaymentsComponent has no inputs.

Events

The BfmPaymentsComponent has no Events.