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.
| Type | Default |
|---|---|
{ step: string; label: string; }[] | [] |
companyPk
Company primary key.
| Type | Default |
|---|---|
string | '' |
disabledTooltip
Tooltip message to be displayed when the form is invalid.
| Type | Default |
|---|---|
string | 'Preencha todos os campos obrigatórios (*)' |
isLoading
Flag to indicate if the component is loading.
| Type | Default |
|---|---|
boolean | false |
nextLabelText
Text to be displayed in the next button.
| Type | Default |
|---|---|
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; }> |