# EuiInputNumberDirective

**Type:** directive

<p>Directive for the {@link EuiInputNumberComponent}. This directive is used to
handle the value changes of the input element and update the value of the
directive and the form control. It also implements the ControlValueAccessor
interface to allow the directive to be used with reactive forms.</p>
<h3>With Reactive Forms</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-typescript">form = new FormGroup({
  price: new FormControl(0)
});</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;input euiInputNumber formControlName=&quot;price&quot; [fractionDigits]=&quot;2&quot; /&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Integrates with Angular Forms validation</li>
<li>Automatically handles disabled state</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Automatically applied when using formControl, formControlName, or ngModel</li>
<li>Handles large number precision by returning strings when needed</li>
</ul>


**Selector:** `input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]`

**Standalone:** false
