Skip to main content

Success Page

This section describes the BfmTransferSuccessComponent component.

Usage​

You can import the BfmTransferSuccessComponent directly in your route configuration.

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

const routes = [
  {
    path: 'transfer-success',
    component: BfmTransferSuccessComponent,
  },
];

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

transfer-success.component.ts
import { BfmTransferSuccessComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'success',
  imports: [BfmTransferSuccessComponent],
  templateUrl: './success.component.html',
})
export class TransferSuccessComponent {}

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

transfer-success.component.html
<bfm-transfer-success 
  [newTransferLabel]="'Request another transfer'"
/>

Inputs​

The BfmTransferSuccessComponent component has the following inputs:

newTransferLabel​

New transfer label.

TypeDefault
string'Solicitar outra transferência'

Events​

The BfmTransferSuccessComponent component has no events.