Company Related Checking Account

This section describes the CreateCompanyRelatedCheckingAccountComponent component.

Usage

You can import the CreateCompanyRelatedCheckingAccountComponent directly in your route configuration.

import { CreateCompanyRelatedCheckingAccountComponent } from '@celerofinancas/ui-company-kit';

const routes = [
  {
    path: 'company-related-checking-account',
    component: CreateCompanyRelatedCheckingAccountComponent,
  },
];

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

checking-account.component.ts

import { CreateCompanyRelatedCheckingAccountComponent } from '@celerofinancas/ui-company-kit';

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

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

checking-account.component.html

<bfm-company-related-checking-account
  [accountCreationFields]="accountCreationFields"
/>

Inputs

The CreateCompanyRelatedCheckingAccountComponent component has the following inputs:

accountCreationFields

An object containing the fields required to create a checking account.

Type
AccountCreationField[]

Following is an example of the AccountCreationField input value:

[
  {
    name: 'bank_branch',
    label: 'Agência',
    class: 'cds-span-2',
    mask: '0000-0||0000',
  },
  {
    name: 'bank_account',
    label: 'Conta',
    class: 'cds-span-2',
    mask: '9999999999',
  },
  {
    name: 'bank_account_digit',
    label: 'Dígito',
    mask: '0',
  },
] 

Events

The CreateCompanyRelatedCheckingAccountComponent component has no events.