# EuiInputNumberDirective

**Type:** directive



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.

### With Reactive Forms
```typescript
form = new FormGroup({
  price: new FormControl(0)
});
```

```html
<input euiInputNumber formControlName="price" [fractionDigits]="2" />
```

### Accessibility
- Integrates with Angular Forms validation
- Automatically handles disabled state

### Notes
- Automatically applied when using formControl, formControlName, or ngModel
- Handles large number precision by returning strings when needed


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