# EuiInputGroupAddOnItemComponent

**Type:** component

<p>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.</p>
<h3>Basic Usage</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;div euiInputGroupAddOn&gt;
  &lt;div euiInputGroupAddOnItem&gt;https://&lt;/div&gt;
  &lt;input euiInputText placeholder=&quot;example.com&quot; /&gt;
&lt;/div&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Decorative items should have <code>aria-hidden=&quot;true&quot;</code></li>
<li>Meaningful items should be properly labeled for screen readers</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Typically contains text, icons, or buttons</li>
<li>Must be used within <code>euiInputGroupAddOn</code> container</li>
</ul>


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

**Standalone:** false

## Inputs

- **e2eAttr**: `string` - 
