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>