Skip to main content

Focus Invoice Setup

This section describes the BfmFocusInvoiceSetupComponent component.

Composition​

The BfmFocusInvoiceSetupComponent is composed of the following components:

Usage​

You can import the BfmFocusInvoiceSetupComponent directly in your route configuration.

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

const routes = [
  {
    path: 'focus-invoice-setup',
    component: BfmFocusInvoiceSetupComponent,
  },
];

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

focus-invoice-setup.component.ts
import { BfmFocusInvoiceSetupComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'focus-invoice-setup',
  imports: [BfmFocusInvoiceSetupComponent],
  templateUrl: './focus-invoice-setup.component.html',
})
export class FocusInvoiceSetupComponent {}

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

focus-invoice-setup.component.html
<bfm-focus-invoice-setup
  [steps]="steps"
/>

Inputs​

The BfmFocusInvoiceSetupComponent component has the following inputs:

steps​

Array of available setup steps

Type
Step[]

Default value:

[
  {
    icon: 'company',
    key: FOCUS_INVOICE_SETUP_STEPS.companyInfo,
    stepName: 'companyInfo',
    title: 'Dados da empresa',
    progress: 0,
  },
  {
    icon: 'amount',
    key: FOCUS_INVOICE_SETUP_STEPS.emissionInfo,
    stepName: 'emissionInfo',
    title: 'Dados da emissão',
    progress: 0,
  },
];

Events​

The BfmFocusInvoiceSetupComponent component has no events.