Skip to main content

Filter Pills

This section describes the BfmFilterPillsComponent component.

Usage​

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

filter-pills.component.ts
import { BfmFilterPillsComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'filter-pills',
  imports: [BfmFilterPillsComponent],
  templateUrl: './filter-pills.component.html',
})
export class FilterPillsComponent {}

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

filter-pills.component.html
<bfm-filter-pills
  [inputName]="'inputValue'"
  (cleanFilter)="handleCleanFilter($event)"
  (filterRemove)="handleFilterRemove($event)"
/>

Inputs​

The BfmFilterPillsComponent component has no inputs.

Events​

The BfmFilterPillsComponent component has the following Events:

cleanFilter​

Clear filter event emitter

Type
EventEmitter

filterRemove​

Remove filter event emitter

Type
EventEmitter