Create Button

This section describes the BfmCreateButtonComponent component.

Composition

The BfmCreateButtonComponent has no any composition components.

Usage

You need to import it in your module and use it in your template.

create-button.component.ts

import { BfmCreateButtonComponent } from '@celerofinancas/ui-cash-flow';

@Component({
  standalone: true,
  selector: 'create-button',
  imports: [BfmCreateButtonComponent],
  templateUrl: './create-button.component.html',
})
export class CreateButtonComponent {}

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

create-button.component.html

<bfm-create-button 
  [creationButtonLabel]="'Criar Registro'"
  [isRecordValid]="false"
  [loading]="false"
  (createRecord)="handleCreateRecord($event)"
/>

Inputs

The BfmCreateButtonComponent component has the following inputs:

creationButtonLabel

Creation Button Label

Type	Default
string	'Criar Registro'

isRecordValid

Boolean to control whether the record is valid

Type	Default
boolean	false

loading

Boolean to control whether the button is loading

Type	Default
boolean	false

Events

The BfmCreateButtonComponent component has the following Events:

createRecord

Emits when the user clicks the button

Type
EventEmitter