Skip to main content

Checking Account Item

This section describes the BfmCheckingAccountItemComponent component.

Usage

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

checking-account-item.component.ts
import { BfmCheckingAccountItemComponent } from '@celerofinancas/ui-reports';

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

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

checking-account-item.component.html
<bfm-checking-account-item 
[bankAccount]="'123456'"
[bankBranch]="'001'"
[bankId]="1"
(selection)="handleSelection($event)"
/>

Inputs

The BfmCheckingAccountItemComponent component has the following inputs:

bankAccount

Bank account number

TypeDefault
string''

bankBranch

Bank branch number

TypeDefault
string''

bankId

Bank ID to change bank image

TypeDefault
any''

Events

The BfmCheckingAccountItemComponent component has the following events:

selection

Event triggered when a bank is selected

Type
EventEmitter<any>