# EclMultiselectComponent

**Type:** component



Component representing a custom multiselect input using the ECL design system.

Should be used on a native <select> element to enhance it with ECL multiselect behavior.
Replaces the original element with a custom dropdown rendered dynamically.


**Selector:** `select[eclMultiselect]`

## Inputs
- **ariaDescribedby**: `string | undefined` - Defines the `aria-describedby` attribute for accessibility.
- **ariaLabeledby**: `string | undefined` - Defines the `aria-labelledby` attribute for accessibility.
- **disabled**: `BooleanInput` - Disables the multiselect component when set to true.
- **eclPlaceholder**: `string` - Placeholder text to show in the multiselect input field when no options are selected.
- **eclSize**: `string` - Multiselect size: 's' | 'm' | 'l'. Default is 'm'.
- **hasSearchBox**: `string` - Enables the search box within the dropdown.
- **hasSelectAll**: `string` - Displays the "Select all" option in the dropdown.
- **id**: `string | undefined` - Sets the `id` attribute of the multiselect component.
- **isInvalid**: `boolean | undefined` - Marks the multiselect as invalid.
- **toggleLabel**: `string | undefined` - Label used for the toggle button that expands or collapses the dropdown.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 

## Outputs
- **eclChange**: `EventEmitter` - Emits an array of selected option values when the selection changes.
