### File

`packages/components/eui-chip-group/eui-chip-group.component.ts`

### Description

Container component for organizing multiple chip elements with consistent spacing and layout. Provides visual grouping for related chips such as tags, filters, or selected items. Content is projected via ng-content expecting eui-chip children. Automatically applies appropriate spacing and wrapping behavior for chip collections. Typically used for displaying sets of tags, categories, or multi-select values.

Example :

    <eui-chip-group>
        <eui-chip>Label</eui-chip>
        <eui-chip>SubLabel</eui-chip>
    </eui-chip-group>

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
host | `{ }`
selector | `eui-chip-group`
styleUrls | `./eui-chip-group.scss`

template

    <ng-content/>

### Index

###### Properties

- cssClasses

### Properties

cssClasses
Type : `unknown`
Default value : `computed(() => 'eui-chip-group')`
Computes and returns the CSS classes for the component based on its current state.

# results matching ""

# No results matching ""