Services Page

This section describes the BfmServicesPageComponent component.

Composition

The BfmServicesPageComponent is composed of the following components:

• BfmServicesListComponent - Manages and displays the list of offered services.

Usage

You can import the BfmServicesPageComponent directly in your route configuration.

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

const routes = [
  {
    path: 'services-page',
    component: BfmServicesPageComponent,
  },
];

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

services-page.component.ts

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

@Component({
  standalone: true,
  selector: 'services-page',
  imports: [BfmServicesPageComponent],
  templateUrl: './services-page.component.html',
})
export class ServicesPageComponent {}

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

services-page.component.html

<bfm-services-page [createNewServiceButton]="true"></bfm-services-page>

Inputs

The BfmServicesPageComponent component has the following input:

createNewServiceButton

Allows the display of a button to create new services.

Type	Default
boolean	true

Events

The BfmServicesPageComponent component has no events.