Filters

This section describes the BfmChargeFiltersComponent component.

Composition

The BfmChargeFiltersComponent is composed of the following components:

• BfmChargeListSummaryComponent - List of charges summary.
• BfmPopoverFilterComponent - Filters used to compose popover filter.
• BfmFilterPillsComponent - Filter pills.

Usage

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

charge-filters.component.ts

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

@Component({
  standalone: true,
  selector: 'charge-filters',
  imports: [BfmChargeFiltersComponent],
  templateUrl: './charge-filters.component.html',
})
export class ChargeFiltersComponent {}

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

charge-filters.component.html

<bfm-charge-filters
  [showFilters]="true"
  (clearFilters)="handleClearFilters($event)"
  (filterRemove)="handleFilterRemove($event)"
  (search)="handleSearch($event)"
/>

Inputs

The BfmChargeFiltersComponent component has the following inputs:

showFilters

Whether to show filters or not

Type	Default
boolean	true

Events

The BfmChargeFiltersComponent component has the following Events:

clearFilters

Clear filters event emitter

Type
EventEmitter

filterRemove

Filter remove event emitter

Type
EventEmitter

search

Search event emitter - Emits search string

Type
EventEmitter