Skip to main content

Receivables List

The receivables list page renders a detailed table of acquiring receivables, with applied filter pills and a control to toggle the sell status (received / pending).

BfmReceivablesListComponent

This section describes the BfmReceivablesListComponent component.

Composition​

The BfmReceivablesListComponent is composed of the following components:

  • BfmListHeaderComponent - Header with applied filters.
  • BfmReceivablesControlComponent - Control to toggle the sell status.
  • BfmTableViewComponent - Table rendering the receivables items.

Usage​

You can import the BfmReceivablesListComponent directly in your route configuration.

import { BfmReceivablesListComponent } from '@celerofinancas/ui-acquiring';

const routes = [
  {
    path: 'receivables-list',
    component: BfmReceivablesListComponent,
  },
];

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

receivables-list.component.ts
import { BfmReceivablesListComponent } from '@celerofinancas/ui-acquiring';

@Component({
  standalone: true,
  selector: 'example-component',
  imports: [BfmReceivablesListComponent],
  templateUrl: './receivables-list.component.html',
})
export class ExampleComponent {}

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

receivables-list.component.html
<bfm-receivables-list />

Inputs​

The BfmReceivablesListComponent component has no inputs.

Events​

The BfmReceivablesListComponent component has no events.