# EuiInputGroupAddOnItemComponent

**Type:** component



A component that represents an individual item within an input group add-on.
Can be used either as an attribute selector on a div or as a custom element.

### Basic Usage
```html
<div euiInputGroupAddOn>
  <div euiInputGroupAddOnItem>https://</div>
  <input euiInputText placeholder="example.com" />
</div>
```

### Accessibility
- Decorative items should have `aria-hidden="true"`
- Meaningful items should be properly labeled for screen readers

### Notes
- Typically contains text, icons, or buttons
- Must be used within `euiInputGroupAddOn` container


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

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