Company Related Contact Card

This section describes the BfmContactCardComponent component.

Usage

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

contact-card.component.ts

import { BfmContactCardComponent } from '@celerofinancas/ui-user-kit';

@Component({
  standalone: true,
  selector: 'contact-card',
  imports: [BfmContactCardComponent],
  templateUrl: './contact-card.component.html',
})
export class ContactCardComponent {
}

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

contact-card.component.html

<bfm-contact-card 
  [contact]="contact"
  [isCompanyRelated]="isCompanyRelated"
  [showEmail]="showEmail"
  [showPhone]="showPhone"
  (refreshContacts)="handleRefreshContacts($event)"
/>

Inputs

The BfmContactCardComponent component has the following inputs:

contact

Contact data

Type	Default
any	null

isCompanyRelated

Whether is a contact from a company related - Defaults to: false

Type	Default
boolean	false

showEmail

Whether to show email - Defaults to: true

Type	Default
boolean	true

showPhone

Whether to show phone - Defaults to: true

Type	Default
boolean	true

Events

The BfmContactCardComponent component has the following events:

refreshContacts

RefreshContacts

Type
EventEmitter