Skip to main content

Dashboard Records

This section describes the BfmDashboardRecordsComponent component.

Usage​

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

dashboard-records.component.ts
import { BfmDashboardRecordsComponent } from "@celerofinancas/ui-reports";

@Component({
  standalone: true,
  selector: 'dashboard-records',
  imports: [BfmDashboardRecordsComponent],
  templateUrl: './dashboard-records.component.html',
})
export class DashboardRecordsComponent {}

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

dashboard-records.component.html
<bfm-dashboard-records
  [statuses]="statuses"
  (onStatusClick)="handleStatusClick($event)"
/>

Inputs​

The BfmDashboardRecordsComponent component has the following inputs:

statuses​

List of dashboard record statuses

TypeDefault
DASHBOARD_RECORD_STATUS[][]

Events​

The BfmDashboardRecordsComponent component has the following events:

onStatusClick​

Triggered when a status is clicked

Type
EventEmitter<Status>