Document Type Dropdown

This section describes the BfmDocumentTypeDropdownComponent component.

Composition

The BfmDocumentTypeDropdownComponent component has no composition subcomponents.

Usage

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

document-type-dropdown.component.ts

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

@Component({
  standalone: true,
  selector: 'document-type-dropdown',
  imports: [BfmDocumentTypeDropdownComponent],
  templateUrl: './document-type-dropdown.component.html',
})
export class CustomDocumentTypeDropdownComponent {}

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

document-type-dropdown.component.html

<bfm-document-type-dropdown 
  [blackList]="[1, 2, 3]"
  [clearable]="true"
  [inputClass]="'custom-class'"
  [whiteList]="[4, 5, 6]"
/>

Inputs

The BfmDocumentTypeDropdownComponent component has the following inputs:

blackList

Document types that should not be shown in the dropdown

Type	Default
number[]	[]

clearable

Whether a "clear" option will be shown

Type	Default
boolean	false

inputClass

Native input classes

Type	Default
string	''

whiteList

Document types that should be shown in the dropdown

Type	Default
number[]	[]

Events

The BfmDocumentTypeDropdownComponent component has no events.