# EuiToggleGroupComponent
**Type:** component
Component for grouping multiple buttons together with optional checkbox or radio button behavior.
Segmented control component that groups multiple toggle items into a unified selection interface.
Supports both single-select (radio button behavior) and multi-select (checkbox behavior) modes.
Manages selection state coordination across child toggle items automatically.
Provides fluid width option for responsive layouts where items expand to fill available space.
Commonly used for view switchers, filter options, or any mutually exclusive or multi-select choice sets.
### Basic Usage
```html
List View
Grid View
Bold
Italic
Underline
Option 1
Option 2
```
### Accessibility
- Use role="group" with aria-label describing the group purpose
- Each item should have clear, descriptive text
- Keyboard navigation (Tab, Arrow keys) should work
- Announce selection changes to screen readers
### Notes
- Single-select mode (default): only one item can be checked at a time
- Multi-select mode (isMultiple="true"): multiple items can be checked
- Fluid mode (isFluid="true"): items expand to fill container width
- Each item must have unique id for proper state management
**Selector:** `eui-toggle-group`
## Inputs
- **isFluid**: `boolean` -
- **isMultiple**: `boolean` - Whether the several items can be checked
## Outputs
- **itemClick**: `EventEmitter` - Event emitted when any item in the group is clicked Emits the clicked EuiToggleGroupItemComponent instance