Economic Groups Attribution Item

This section describes the BfmEconomicGroupsAttributionComponent component.

Usage

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

economic-groups-attribution.component.ts

import { BfmEconomicGroupsAttributionComponent } from '@celerofinancas/ui-user-kit';

@Component({
  standalone: true,
  selector: 'economic-groups-attribution',
  imports: [BfmEconomicGroupsAttributionComponent],
  templateUrl: './economic-groups-attribution.component.html',
})
export class EconomicGroupsAttributionComponent {}

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

economic-groups-attribution.component.html

<bfm-economic-groups-attribution 
  [openedItemIndex]="openedItemIndex"
  [selectedText]="selectedText"
  [showSelectedText]="showSelectedText"
  [title]="title"
  (itemClick)="handleItemClick($event)"
/>

Inputs

The BfmEconomicGroupsAttributionComponent component has the following inputs:

openedItemIndex

Currently expanded list item index controller for parent component - Default to: null

Type	Default
number	null

selectedText

Selected text - Default to: 'Grupos Econômicos selecionados'

Type	Default
string	'Grupos Econômicos selecionados'

showSelectedText

Show selected text - Default to: 'Mostrar selecionados'

Type	Default
string	'Mostrar selecionados'

title

Title to be displayed on the top of the list - Default to: 'Selecione um grupo econômico'

Type	Default
string	'Selecione um grupo econômico'

Events

The BfmEconomicGroupsAttributionComponent component has the following events:

itemClick

Emits clicked list item index and item data

Type
EventEmitter