# AtloriaInput

**Kind:** Class

**Source:** [`atloria-monorepo/packages/ui-core/src/components/input/Input.ts`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/packages/ui-core/src/components/input/Input.ts#L23)

A fully accessible input component with validation states

**Extends:** `AtloriaElement`

## Methods

| Method | Signature | Returns |
|---|---|---|
| `focus` | `focus()` | `void` |
| `blur` | `blur()` | `void` |
| `select` | `select()` | `void` |
| `render` | `render()` | `void` |

## Properties

| Property | Type |
|---|---|
| `styles` | `any` |
| `type` | `InputType` |
| `name` | `any` |
| `value` | `any` |
| `label` | `any` |
| `placeholder` | `any` |
| `helperText` | `any` |
| `errorMessage` | `any` |
| `successMessage` | `any` |
| `required` | `any` |
| `disabled` | `any` |
| `readonly` | `any` |
| `minlength` | `number` |
| `maxlength` | `number` |
| `pattern` | `string` |
| `autocomplete` | `string` |

## Where it refuses work

- `AtloriaInput` stops the work with an early return when `this.errorMessage`.
- `AtloriaInput` stops the work with an early return when `this.successMessage`.