Skip to main content

Create Company Related

This section describes the CreateCompanyRelatedCreateComponent component.

Usage​

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

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

@Component({
standalone: true,
selector: 'company-related-create-base',
imports: [CreateCompanyRelatedCreateComponent],
templateUrl: './bfm-create-company-related-base.html',
})
export class CompanyRelatedCreateComponent {}

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

<bfm-create-company-related-base
[availableSteps]="availableSteps"
[companyPk]="'companyPkValue'"
[disabledTooltip]="'Preencha todos os campos obrigatórios (*)'"
[isLoading]="false"
[nextLabelText]="'Próximo passo'"
(createCompanyRelated)="handleCreateCompanyRelated($event)"
(stepChanged)="handleStepChanged($event)"
></bfm-create-company-related-base>

Inputs​

The CreateCompanyRelatedCreateComponent component has the following inputs:

availableSteps​

Available steps for the create company related component.

TypeDefault
{ step: string; label: string; }[][]

companyPk​

Company primary key.

TypeDefault
string''

disabledTooltip​

Tooltip message to be displayed when the form is invalid.

TypeDefault
string'Preencha todos os campos obrigatórios (*)'

isLoading​

Flag to indicate if the component is loading.

TypeDefault
booleanfalse

nextLabelText​

Text to be displayed in the next button.

TypeDefault
string'Próximo passo'

Events​

The CreateCompanyRelatedCreateComponent component has the following events:

createCompanyRelated​

Event triggered when the user clicks on the create button.

Type
EventEmitter<{ companyRelated: any; }>

stepChanged​

Event triggered when the user changes the step.

Type
EventEmitter<{ step: string; label: string; }>