Statement

This section describes the BfmStatementComponent component.

Composition

The BfmStatementComponent is composed of the following components:

• BfmFinancialRecordList - Financial record list component.
• BfmCashFlowListHeaderComponent - Cash flow list header component.
• BfmActiveFiltersComponent - Active filters component.
• BfmAccountingFilesModalComponent - Accounting files modal component.

Usage

You can import the BfmStatementComponent directly in your route configuration.

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

const routes = [
  {
    path: 'statement',
    component: BfmStatementComponent,
  },
];

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

statement.component.ts

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

@Component({
  standalone: true,
  selector: 'bfm-statement',
  imports: [BfmStatementComponent],
  templateUrl: './statement.component.html',
})
export class CustomStatementComponent {}

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

statement.component.html

<bfm-statement 
  [enableSearch]="true"
  [title]="'Registros Financeiros'"
/>

Inputs

The BfmStatementComponent component has the following inputs:

enableSearch

Whether to enable search

Type	Default
boolean	true

title

Page title

Type	Default
string	'Registros Financeiros'

Events

The BfmStatementComponent component has no events.