Setup Payments

This section describes the BfmPaymentsSetupComponent component.

Usage

You can import the BfmPaymentsSetupComponent directly in your route configuration.

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

const routes = [
  {
    path: 'payments-setup',
    component: BfmPaymentsSetupComponent,
  },
];

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

payments-setup.component.ts

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

@Component({
  standalone: true,
  selector: 'payments-setup',
  imports: [BfmPaymentsSetupComponent],
  templateUrl: './payments-setup.component.html',
})
export class PaymentsSetupComponent {}

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

payments-setup.component.html

<bfm-payments-setup 
  [description]="description"
  [setupButtonLabel]="setupButtonLabel"
  [title]="title"
  (onSetup)="handleSetup($event)"
/>  

Inputs

The BfmPaymentsSetupComponent component has the following inputs:

description

Description of the setup.

Type	Default
string	' Para autorizar pagamentos, sincronize o seu <b>código de convênio</b> para <b>pagamento a fornecedor</b> e faça a gestão das suas contas na plataforma.'

setupButtonLabel

Label of the setup button.

Type	Default
string	'Integrar agora'

title

Title of the setup.

Type	Default
string	'Quase lá!'

Events

The BfmPaymentsSetupComponent component has the following Events:

onSetup

Event emitted when the setup button is clicked.

Type
void