Skip to main content

Profile Logo Mock

This section describes the BfmLogoMockComponent component.

Composition​

The BfmLogoMockComponent does not have any additional components.

Usage​

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

logo-mock.component.ts
import { BfmLogoMockComponent } from '@celerofinancas/ui-user-kit';

@Component({
  standalone: true,
  selector: 'logo-mock',
  imports: [BfmLogoMockComponent],
  templateUrl: './logo-mock.component.html',
})
export class LogoMockComponent {}

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

logo-mock.component.html
<bfm-logo-mock fullString="User Name" />
<!-- Will display only: `U` -->

Inputs​

The BfmLogoMockComponent component has the following inputs:

fullString​

Full name string to mock from initials

TypeDefault
stringnull

Events​

The BfmLogoMockComponent component has no events.