Checking Account Selector

This section describes the BfmCheckingAccountSelectorComponent component.

Composition

The BfmCheckingAccountSelectorComponent is composed of the following components:

• BfmCheckingAccountItemComponent - Component to display a checking account item.

Usage

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

checking-account-selector.component.ts

import { BfmCheckingAccountSelectorComponent } from '@celerofinancas/ui-reports';

@Component({
  standalone: true,
  selector: 'checking-account-selector',
  imports: [BfmCheckingAccountSelectorComponent],
  templateUrl: './checking-account-selector.component.html',
})
export class CheckingAccountSelectorComponent {}

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

checking-account-selector.component.html

<bfm-checking-account-selector 
  [label]="'labelValue'"
  (selectedListChanges)="handleEvent($event)"
/>

Inputs

The BfmCheckingAccountSelectorComponent component has the following inputs:

label

Label for the component

Type	Default
string	'Filtrar por contas'

Events

The BfmCheckingAccountSelectorComponent component has the following events:

selectedListChanges

Event on selected list is defined - Emits the selected list

Type
EventEmitter<any>