Skip to main content

CoA Autocomplete

This section describes the CoaAutocompleteComponent component.

Usage

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

coa-autocomplete.component.ts

import { CoaAutocompleteComponent } from '@celerofinancas/ui-company-kit';

@Component({
standalone: true,
selector: 'autocomplete',
imports: [CoaAutocompleteComponent],
templateUrl: './autocomplete.component.html',
})
export class AutocompleteComponent {}

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

coa-autocomplete.component.html

<bfm-autocomplete
[activeCoaPk]="'activeCoaPrimaryKey'"
[amountValue]="amountValue"
[companyTypes]="companyTypes"
[disabled]="isDisabled"
[formControl]="formControl"
(coaSelection)="handleCoaSelection($event)"
/>

Inputs

The CoaAutocompleteComponent component has the following inputs:

activeCoaPk

Active CoA Primary Key

TypeDefault
string''

amountValue

Amount Value

TypeDefault
number0

companyTypes

Company Types

TypeDefault
string[][]

disabled

Disabled state of the component

TypeDefault
booleanfalse

formControl

Form Control

TypeDefault
FormControlnew FormControl('')

Events

The CoaAutocompleteComponent component has the following events:

coaSelection

CoA Selection

Type
EventEmitter