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; }>