Skip to main content

Success

This section describes the BfmChargeSetupSuccessComponent component.

Usage​

You need to import it in your module and use it in your template.

charge-setup-success.component.ts
import { BfmChargeSetupSuccessComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'charge-setup-success',
  imports: [BfmChargeSetupSuccessComponent],
  templateUrl: './charge-setup-success.component.html',
})
export class ChargeSetupSuccessComponent {}

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

charge-setup-success.component.html
<bfm-charge-setup-success
  [footnote]="'Footnote'"
  [imageSource]="'Image directory path'"
  [mainRedirectOption]="mainRedirectOption"
  [redirectButtonsLabel]="'Pra onde você quer ir agora?'"
  [secondaryRedirectOption]="secondaryRedirectOption"
  [secondarySubtitle]="'Success section secondary subtitle'"
  [subtitle]="'Success section subtitle'"
  [title]="'Success section title'"
/>

Inputs​

The BfmChargeSetupSuccessComponent component has the following inputs:

footnote​

Footnote

Type
string

imageSource​

Image directory path

Type
string

mainRedirectOption​

Main button redirect parameters

Type
RedirectOption

redirectButtonsLabel​

Redirect buttons' label

TypeDefault
string'Pra onde você quer ir agora?'

secondaryRedirectOption​

Secondary button redirect parameters

Type
RedirectOption

secondarySubtitle​

Success section secondary subtitle

Type
string

subtitle​

Success section subtitle

Type
string

title​

Success section title

Type
string

Events​

The BfmChargeSetupSuccessComponent component has no events.