Company Related Details

This section describes the CreateCompanyRelatedDetailsComponent component.

Usage

You can import the CreateCompanyRelatedDetailsComponent directly in your route configuration.

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

company-related-details.component.ts

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

@Component({
  standalone: true,
  selector: 'company-related-details',
  imports: [CreateCompanyRelatedDetailsComponent],
  templateUrl: './company-related-details.component.html',
})
export class CompanyRelatedDetailsComponent {}

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

company-related-details.component.html

<bfm-create-company-related-details 
  [customFields]="customFields"
/>

Inputs

The CreateCompanyRelatedDetailsComponent component has the following inputs:

customFields

Custom fields for the company.

Type
FormField[]

Following is an example of the FormField input value:

[
  {
    label: 'Nome ou Razão Social',
    name: 'name',
    required: true,
    formGroup: () => this.create.form,
  },
  {
    label: 'Nome Fantasia',
    name: 'fantasy_name',
    formGroup: () => this.create.form,
  },
  {
    label: 'Apelido',
    name: 'nickname',
    formGroup: () => this.create.form,
  },
  {
    label: 'CNAE principal',
    name: 'main_cnae_code',
    mask: '0000-0/00',
    formGroup: () => this.create.form,
  },
  {
    label: 'Telefone',
    name: 'phone',
    formControl: () => this.phone,
    mask: '(00) 00000-0000||(00) 0000-0000',
  },
  {
    label: 'E-mail',
    name: 'email',
    formGroup: () => this.create.form,
  },
  {
    label: 'CEP',
    name: 'zipcode',
    mask: '00.000-000',
    formGroup: () => this.addressForm,
    group: [
      {
        label: 'Endereço',
        name: 'street',
        class: 'cds-span-3',
        formGroup: () => this.addressForm,
      },
      {
        label: 'Nº',
        name: 'number',
        formGroup: () => this.addressForm,
      },
    ],
  },
  {
    group: [
      {
        label: 'Complemento',
        name: 'complement',
        formGroup: () => this.addressForm,
      },
      {
        label: 'Bairro',
        name: 'neighborhood',
        class: 'cds-span-3',
        formGroup: () => this.addressForm,
      },
    ],
  },
  {
    group: [
      {
        label: 'UF',
        name: 'state',
        formGroup: () => this.addressForm,
      },
      {
        label: 'Cidade',
        name: 'city',
        class: 'cds-span-3',
        formGroup: () => this.addressForm,
      },
    ],
  },
]

Events

The CreateCompanyRelatedDetailsComponent component has no events.