Cash Flow Sidebar

This section describes the BfmCashFlowSidebarComponent component.

Composition

The BfmCashFlowSidebarComponent has no any composition component.

Usage

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

cash-flow-sidebar.component.ts

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

@Component({
  standalone: true,
  selector: 'cash-flow-sidebar',
  imports: [BfmCashFlowSidebarComponent],
  templateUrl: './cash-flow-sidebar.component.html',
})
export class CashFlowSidebarComponent {}

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

cash-flow-sidebar.component.html

<bfm-cash-flow-sidebar
  [applyFilterLabel]="'Aplicar filtros'"
  [clearFilterLabel]="'Limpar filtro'"
  [sidebarSections]="[CashFlowSidebarSection.RECORDS, CashFlowSidebarSection.FILTERS]"
  [title]="'Filtros'"
/>

Inputs

The BfmCashFlowSidebarComponent component has the following inputs:

applyFilterLabel

Apply filter button label

Type	Default
string	'Aplicar filtros'

clearFilterLabel

Clear filter button label

Type	Default
string	'Limpar filtro'

sidebarSections

Array containing the sidebar sections to be displayed, in the order they should appear

Type	Default
CashFlowSidebarSection[]	[CashFlowSidebarSection.RECORDS, CashFlowSidebarSection.FILTERS]

title

Sidebar title text

Type	Default
string	'Filtros'

Events

The BfmCashFlowSidebarComponent component has no events.