Skip to main content

Success

This section describes the BfmCreateCompanyRelatedSuccessComponent component.

Usage

You can import the BfmCreateCompanyRelatedSuccessComponent directly in your route configuration.

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

const routes = [
{
path: 'company-related-create-success',
component: BfmCreateCompanyRelatedSuccessComponent,
},
];

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

company-related-create-success.component.ts

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

@Component({
standalone: true,
selector: 'company-related-create-success',
imports: [BfmCreateCompanyRelatedSuccessComponent],
templateUrl: './company-related-create-success.component.html',
})
export class CompanyRelatedCreateSuccessComponent {}

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

company-related-create-success.component.html

<bfm-success
[actionButtons]="actionButtons"
[headerTitle]="'Cadastro de Terceiro'"
[successImage]="'assets/success/success-full.svg'"
[successMessage]="'O cadastro de terceiro foi concluído com sucesso.'"
/>

Inputs

The BfmCreateCompanyRelatedSuccessComponent component has the following inputs:

actionButtons

Action buttons for the success page.

Type
array

Default value:

[
{
title: 'Cadastrar novo terceiro',
routerLink: '/dashboard/company-related/create',
class: 'cds-button s-solid c-primary',
},
{
title: 'Ver lista de terceiros',
routerLink: '/dashboard/company-related/list',
class: 'cds-button s-hollow c-primary',
},
]

headerTitle

Title for the success page header.

TypeDefault
string'Cadastro de Terceiro'

successImage

Image for the success page.

TypeDefault
string'assets/success/success-full.svg'

successMessage

Message for the success page.

TypeDefault
string'O cadastro de terceiro foi concluído com sucesso.'

Events

The BfmCreateCompanyRelatedSuccessComponent component has no events.