Financial Record Comments

This section describes the BfmFinancialRecordCommentsComponent component.

Composition

The BfmFinancialRecordCommentsComponent has no any composition components.

Usage

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

financial-record-comments.component.ts

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

@Component({
  standalone: true,
  selector: 'bfm-financial-record-comments',
  imports: [BfmFinancialRecordCommentsComponent],
  templateUrl: './comments.component.html',
  styleUrls: ['./comments.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class FinancialRecordCommentsComponent {}

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

comments.component.html

<bfm-financial-record-comments 
  [sendButtonLabel]="'Send'"
  [title]="'Leave your comment'"
  (commentsChanges)="handleCommentsChanges($event)"
/>

Inputs

The BfmFinancialRecordCommentsComponent component has the following inputs:

sendButtonLabel

The label for the send button.

Type	Default
string	'Enviar'

title

The title of the comments section.

Type	Default
string	'Deixe seu comentário'

Events

The BfmFinancialRecordCommentsComponent component has the following Events:

commentsChanges

Event triggered when the comments change.

Type
EventEmitter