grafana/docs/sources/packages_api/ui/input.md

+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "Input"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
draft = true
+++

## Input class

<b>Signature</b>

```typescript
export declare class Input extends PureComponent<Props, State> 
```
<b>Import</b>

```typescript
import { Input } from '@grafana/ui';
```
<b>Properties</b>

|  Property | Modifiers | Type | Description |
|  --- | --- | --- | --- |
|  [defaultProps](#defaultprops-property) | <code>static</code> | <code>{</code><br/><code>        className: string;</code><br/><code>    }</code> |  |
|  [isInvalid](#isinvalid-property) |  | <code>boolean</code> |  |
|  [populateEventPropsWithStatus](#populateeventpropswithstatus-property) |  | <code>(restProps: any, validationEvents: ValidationEvents &#124; undefined) =&gt; any</code> |  |
|  [state](#state-property) |  | <code>State</code> |  |
|  [status](#status-property) |  | <code>InputStatus</code> |  |
|  [validatorAsync](#validatorasync-property) |  | <code>(validationRules: ValidationRule[]) =&gt; (evt: React.ChangeEvent&lt;HTMLInputElement&gt;) =&gt; void</code> |  |

<b>Methods</b>

|  Method | Modifiers | Description |
|  --- | --- | --- |
|  [render()](#render-method) |  |  |

### defaultProps property

<b>Signature</b>

```typescript
static defaultProps: {
        className: string;
    };
```

### isInvalid property

<b>Signature</b>

```typescript
get isInvalid(): boolean;
```

### populateEventPropsWithStatus property

<b>Signature</b>

```typescript
populateEventPropsWithStatus: (restProps: any, validationEvents: ValidationEvents | undefined) => any;
```

### state property

<b>Signature</b>

```typescript
state: State;
```

### status property

<b>Signature</b>

```typescript
get status(): InputStatus;
```

### validatorAsync property

<b>Signature</b>

```typescript
validatorAsync: (validationRules: ValidationRule[]) => (evt: React.ChangeEvent<HTMLInputElement>) => void;
```

### render method

<b>Signature</b>

```typescript
render(): JSX.Element;
```
<b>Returns:</b>

`JSX.Element`