# EclMultiselectInputComponent

**Type:** component



Component representing the main input of a multiselect component.
Handles displaying selected items, opening the dropdown, and managing accessibility.


**Selector:** `div[eclMultiselectInput]`

## Inputs
- **ariaControls**: `string | undefined` - ARIA controls attribute for accessibility.
- **ariaDescribedby**: `string | undefined` - ARIA describedby attribute for accessibility.
- **ariaLabeledby**: `string | undefined` - ARIA labelledby attribute for accessibility.
- **eclSize**: `string` - Size modifier for the multiselect input (e.g., 's', 'm', 'l').
- **inputPlaceholder**: `string` - Placeholder text for the input when no items are selected.
- **isDisabled**: `boolean | undefined` - Marks the component as disabled.
- **isDropdownExpanded**: `boolean` - Indicates that the dropdown is currently expanded.
- **isInvalid**: `boolean | undefined` - Marks the component as being in an invalid state.
- **selectedItems**: `{}` - Array of currently selected item labels.
- **toggleId**: `string` - ID of the toggle button element (used for accessibility).
- **toggleLabel**: `string | undefined` - Label for the toggle button (optional).
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 

## Outputs
- **mainInputClick**: `EventEmitter` - Event emitted when the input is clicked.
- **mainInputKeydown**: `EventEmitter` - Event emitted when a key is pressed on the input.
