BfmListCellComponent

This section describes the BfmListCellComponent component.

Usage

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

list-cell.component.ts

import { BfmListCellComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'list-cell',
  imports: [BfmListCellComponent],
  templateUrl: './list-cell.component.html',
})
export class ListCellComponent {}

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

list-cell.component.html

<bfm-list-cell
  [empty]="false"
  [hoverTitle]="'Hover Title'"
  [imageSource]="'Image Source'"
  [isInvalid]="false"
  [title]="'Title'"
  (clickEvent)="handleClickEvent($event)"
/>

Inputs

The BfmListCellComponent component has the following inputs:

empty

Whether cell is empty

Type	Default
boolean	false

hoverTitle

Hover Title of cell

Type	Default
string	''

imageSource

Image Source

Type	Default
string	''

isInvalid

Invalid cell state

Type	Default
boolean	false

title

Title of cell

Type	Default
string	''

Events

The BfmListCellComponent component has the following Events:

clickEvent

Click event emitter

Type
EventEmitter