Payment Info Value

This section describes the PaymentInfoValueComponent component.

Composition

The PaymentInfoValueComponent has no any composition component.

Usage

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

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

@Component({
  standalone: true,
  selector: 'bfm-payment-info-value',
  templateUrl: './payment-info-value.component.html',
  styleUrls: ['./payment-info-value.component.scss'],
  imports: [PaymentInfoValueComponent],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class BfmPaymentInfoValueComponent {}

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

<bfm-payment-info-value
  [isLoading]="false"
  [isEditable]="true"
  [value]="'2023-10-01'"
>
  <input
    type="date"
    class="form-control"
  >
</bfm-payment-info-value>

Inputs

The PaymentInfoValueComponent component has the following inputs:

value

Value to be displayed in the payment info.

Type	Default
string	''

isLoading

Indicates if the component is in a loading state.

Type	Default
boolean	false

isEditable

Indicates if the value can be edited.

Type	Default
boolean	false

Events

The PaymentInfoValueComponent component has no events.