Profile Header

This section describes the BfmCompanyRelatedProfileHeaderComponent component.

Usage

You can import the BfmCompanyRelatedProfileHeaderComponent directly in your route configuration.

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

const routes = [
  {
    path: 'company-related-profile-header',
    component: BfmCompanyRelatedProfileHeaderComponent,
  },
];

But if you need more customization, you need to import it in your module and use it in your template.

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

@Component({
  standalone: true,
  selector: 'company-related-profile-header',
  imports: [BfmCompanyRelatedProfileHeaderComponent],
  templateUrl: './company-related-profile-header.component.html',
})
export class CompanyRelatedProfileHeaderComponent {}

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

<bfm-company-related-profile-header 
  [backTitle]="'Back to List'"
  [companyRelated]="companyRelatedData"
  [loading]="isLoading"
  (updateCompanyRelatedName)="handleUpdateCompanyRelatedName($event)"
/>

Inputs

The BfmCompanyRelatedProfileHeaderComponent component has the following inputs:

backTitle

The title of the back button.

Type	Default
string	''

companyRelated

The company related data.

Type	Default
CompanyRelated	null

loading

A boolean to indicate if the component is loading.

Type	Default
boolean	false

Events

The BfmCompanyRelatedProfileHeaderComponent component has the following Events:

updateCompanyRelatedName

Event triggered when the user updates the company related name.

Type
EventEmitter<void>