# EuiChipListComponent

**Type:** component



Multiple eui-chips displayed dynamically as a group of multiple interactive elements.


**Selector:** `eui-chip-list, div[euiChipList], ul[euiChipList]`

## Inputs
- **ariaLabel**: `string` - Sets the `aria-label` attribute for the host element.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **chips**: `any[]` - Array of chips to display in the list when used with the data approach.  It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **chipsLabelTruncateCount**: `any` - Whether the chips label length are limited by the value of this option.  It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **chipsSortOrder**: `"ASC" | "DESC"` - In combination with `isChipsSorted`. Sets the sort criteria of the chips.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **dragAndDropConnectedTo**: `string[]` - In combination with `isChipsDragAndDrop`, sets the name to the chips source with which a drag and drop will be done.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **dragAndDropSourceName**: `string` - In combination with `isChipsDragAndDrop`, sets the name to the chips source.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **dropListOrientation**: `"horizontal" | "vertical"` - In combination with `isChipsDragAndDrop`, sets the orientation of the list.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **isChipsDragAndDrop**: `boolean` - Whether the chips can be drag and dropped.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **isChipsRemovable**: `boolean` - Whether the chip can be removed from the list.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **isChipsSorted**: `boolean` - Whether this chips are sorted on their label.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **isGrid**: `boolean` - In combination with `isChipsDragAndDrop`. Whether the chips are drag and droppable in a flex container.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **isMaxVisibleChipsOpened**: `boolean` - In combination with `maxVisibleChipsCount`. Whether all chips are shown by default.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **isSquared**: `boolean` - 
- **maxVisibleChipsCount**: `any` - Whether a limited amount, defined by this option, is used to display the chips.  It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **toggleLinkLessLabel**: `string` - In combination with `maxVisibleChipsCount`, sets the label of the 'less chips' button, if not provided an arrow left icon will be displayed only.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **toggleLinkMoreLabel**: `string` - In combination with `maxVisibleChipsCount`, sets the label of the 'more chips' button, if not provided an arrow right icon will be displayed only.   It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **euiPrimary**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSecondary**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSuccess**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiInfo**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiWarning**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiDanger**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiAccent**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeS**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiOutline**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiDisabled**: `any` - From host directive: #[[file:BaseStatesDirective.md]]

## Outputs
- **chipDragRelease**: `EventEmitter` - Event emitted when a chip drag is released.  It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **chipDragStart**: `EventEmitter` - Event emitted when a chip drag starts.  It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **chipDrop**: `EventEmitter` - Event emitted when a chip drag is released.  It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **chiplistFocus**: `EventEmitter` - Event emitted when the list gets the focus.  It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **chipRemove**: `EventEmitter` - Event emitted when a chip is removed from the list.  It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
- **chipsInit**: `EventEmitter` - Event emitted with `CdkDropList` object when the chiplist is initiated.  It must now be implemented at the application level. For more information, see: [EUI Showcase](https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/style-guide/components/eui-chip-list)
