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.
| Type | Default |
|---|---|
string | 'Cadastro de Terceiro' |
successImage
Image for the success page.
| Type | Default |
|---|---|
string | 'assets/success/success-full.svg' |
successMessage
Message for the success page.
| Type | Default |
|---|---|
string | 'O cadastro de terceiro foi concluído com sucesso.' |
Events
The BfmCreateCompanyRelatedSuccessComponent component has no events.