### 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`
selector | `eui-chip-group`
styleUrls | `./eui-chip-group.scss`

template

    <ng-content/>

### Index

###### HostBindings

- class

###### Accessors

- cssClasses

### HostBindings

class
Type : `string`
Returns the CSS classes for the component. This binds the 'eui-chip-group' class to the host element.

### Accessors

cssClasses
get `cssClasses()`
Returns the CSS classes for the component. This binds the 'eui-chip-group' class to the host element. Returns : `string`

# results matching ""

# No results matching ""