# EuiInputGroupAddOnComponent

**Type:** component



A component that serves as a container for input group add-on items.
Can be used either as an attribute selector on a div or as a custom element.

### Basic Usage
```html
<div euiInputGroupAddOn>
  <div euiInputGroupAddOnItem>€</div>
  <input euiInputText type="number" />
</div>
```

### Accessibility
- Add-on items should have appropriate ARIA labels when they convey meaning
- Ensure add-on content is announced to screen readers if it provides context

### Notes
- Used to group prefix/suffix elements with input controls
- Provides consistent styling for input decorations


**Selector:** `div[euiInputGroupAddOn], eui-input-group-addon`

## Inputs
- **e2eAttr**: `string` - Input property for setting the data-e2e attribute value. Used for end-to-end testing purposes.