Create Page

This section describes the BfmTransferCreateComponent component.

Composition

The BfmTransferCreateComponent is composed of the following components:

• BfmTransferDetailsComponent - Component for transfer details.
• BfmTransferRecipientInfoComponent - Component for recipient information.
• BfmTransferAdditionalInfoComponent - Component for additional information.
• BfmTransferSummaryComponent - Component for transfer summary.

Usage

You can import the BfmTransferCreateComponent directly in your route configuration.

import { BfmTransferCreateComponent } from '@celerofinancas/ui-charges';

const routes = [
  {
    path: 'transfer-create',
    component: BfmTransferCreateComponent,
  },
];

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

import { BfmTransferCreateComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'create',
  imports: [BfmTransferCreateComponent],
  templateUrl: './create.component.html',
})
export class TransferCreateComponent {}  

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

create.component.html

<bfm-transfer-create 
  [steps]="steps"
  (stepChanged)="handleStepChanged($event)"
/>

Inputs

The BfmTransferCreateComponent component has the following input:

steps

The steps to be displayed in the stepper.

Type	Default
Step[]	[]

Events

The BfmTransferCreateComponent component has the following event:

stepChanged

Emitted when the current step changes.

Type	Description
EventEmitter<number>	'The index of the current step.'