Skip to main content

Services Reports

This section describes the BfmServiceReportsPageComponent component.

Usage​

You can import the BfmServiceReportsPageComponent directly in your route configuration.

import { BfmServiceReportsPageComponent } from '@celerofinancas/ui-reports';

const routes = [
  {
    path: 'services',
    component: BfmServiceReportsPageComponent,
  },
];

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

services.component.ts
import { BfmServiceReportsPageComponent } from '@celerofinancas/ui-reports';

@Component({
  standalone: true,
  selector: 'services',
  imports: [BfmServiceReportsPageComponent],
  templateUrl: './services.component.html',
})
export class ServicesComponent {}

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

services.component.html
<bfm-services 
  [serviceList]="serviceList"
  [tabs]="tabs"
  (onServiceSelect)="handleServiceSelect($event)"
/>

Inputs​

The BfmServiceReportsPageComponent component has the following inputs:

headerTitle​

Header title

TypeDefault
string'Relatórios de Serviços'

Events​

The BfmServiceReportsPageComponent component has no events.