packages/components/eui-chip-group/eui-chip-group.component.ts
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>| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | eui-chip-group |
| styleUrls | ./eui-chip-group.scss |
| template | |
HostBindings |
Accessors |
| class |
Type : string
|
|
Returns the CSS classes for the component. This binds the 'eui-chip-group' class to the host element. |
| cssClasses |
getcssClasses()
|
|
Returns the CSS classes for the component. This binds the 'eui-chip-group' class to the host element.
Returns :
string
|