Dashboard Actions

This section describes the BfmDashboardActionsComponent component.

Composition

The BfmDashboardActionsComponent component no has composition components.

Usage

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

dashboard-actions.component.ts

import { BfmDashboardActionsComponent } from "@celerofinancas/ui-reports";

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

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

dashboard-actions.component.html

<bfm-dashboard-actions
  [actions]="actions"
  [count]="count"
  [subtitle]="subtitle"
  [title]="title"
  (onActionClick)="handleActionClick($event)"
/>

Inputs

The BfmDashboardActionsComponent component has the following inputs:

actions

List of dashboard actions

Type	Default
DASHBOARD_ACTIONS[]	[]

count

Number of actions

Type	Default
number	0

subtitle

Subtitle for the actions section

Type	Default
string	''

title

Title for the actions section

Type	Default
string	''

Events

The BfmDashboardActionsComponent component has the following events:

onActionClick

Triggered when an action is clicked

Type
EventEmitter<Action>