Banks Multi Selector

This section describes the BfmBanksMultiSelectorComponent component.

Composition

The BfmBanksMultiSelectorComponent has no any composition component.

Usage

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

banks-multi-selector.component.ts

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

@Component({
  standalone: true,
  selector: 'banks-multi-selector',
  imports: [BfmBanksMultiSelectorComponent],
  templateUrl: './banks-multi-selector.component.html',
})
export class BanksMultiSelectorComponent {}

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

banks-multi-selector.component.html

<bfm-banks-multi-selector 
  [blackList]="blackList"
  [checkedBanks]="checkedBanks"
  [placeholder]="'Digite para pesquisar'"
  [whiteList]="whiteList"
  (selectedBanksChanged)="handleSelectedBanksChanged($event)"
/>

Inputs

The BfmBanksMultiSelectorComponent component has the following inputs:

blackList

Defines unavailable bank options

Type	Default
BANK[]	[]

checkedBanks

Checked banks array

Type	Default
BANK[]	[]

placeholder

Placeholder text

Type	Default
string	'Digite para pesquisar'

whiteList

Defines available bank options

Type	Default
BANK[]	[]

Events

The BfmBanksMultiSelectorComponent component has the following Events:

selectedBanksChanged

Emits when selected banks array changes

Type
EventEmitter