Skip to main content

Active Filters

This section describes the BfmActiveFiltersComponent component.

Usage​

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

active-filters.component.ts
import { BfmActiveFiltersComponent } from '@celerofinancas/ui-cash-flow';

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

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

active-filters.component.html
<bfm-active-filters 
  [clearFiltersText]="'Limpar filtros'"
  (activeFiltersCount)="handleActiveFiltersCount($event)"
/>

Inputs​

The BfmActiveFiltersComponent component has the following inputs:

clearFiltersText​

Clear filters text

TypeDefault
string'Limpar filtros'

Events​

The BfmActiveFiltersComponent component has the following Events:

activeFiltersCount​

Emit on Selection Change event

Type
EventEmitter