# EuiInputGroupAddOnComponent

**Type:** component

<p>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.</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;€&lt;/div&gt;
  &lt;input euiInputText type=&quot;number&quot; /&gt;
&lt;/div&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Add-on items should have appropriate ARIA labels when they convey meaning</li>
<li>Ensure add-on content is announced to screen readers if it provides context</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Used to group prefix/suffix elements with input controls</li>
<li>Provides consistent styling for input decorations</li>
</ul>


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

**Standalone:** false

## Inputs

- **e2eAttr**: `string` - 
