# A2uiTextFieldComponent

Package: `@threadplane/chat` · 0.3.4

Reference: /docs/api/chat/A2uiTextFieldComponent

```typescript
import { A2uiTextFieldComponent } from '@threadplane/chat';
```

## A2uiTextFieldComponent

Renders an A2UI text, number, password, or multiline field and writes edits to its bound state.

```typescript
export declare class A2uiTextFieldComponent  {
  readonly _bindings: import("@angular/core").InputSignal<Record<string, string>>;
  readonly bindings: import("@angular/core").InputSignal<Record<string, string>>;
  readonly childKeys: import("@angular/core").InputSignal<string[]>;
  readonly errorText: import("@angular/core").InputSignal<string>;
  readonly label: import("@angular/core").InputSignal<string>;
  readonly loading: import("@angular/core").InputSignal<boolean>;
  onInput(event: Event): void;
  readonly placeholder: import("@angular/core").InputSignal<string>;
  readonly spec: import("@angular/core").InputSignal<Spec | undefined>;
  readonly validationRegexp: import("@angular/core").InputSignal<string>;
  readonly value: import("@angular/core").InputSignal<string>;
  readonly variant: import("@angular/core").InputSignal<TextFieldVariant>;
}
```

**Angular selector:** `a2ui-text-field`

- Input `_bindings`: `Record<string, string>`

- Input `bindings`: `Record<string, string>`

- Input `childKeys`: `string[]`

- Input `errorText`: `string`

- Input `label`: `string`

- Input `loading`: `boolean`

- Input `placeholder`: `string`

- Input `spec`: `Spec | undefined`

- Input `validationRegexp`: `string`

- Input `value`: `string`

- Input `variant`: `TextFieldVariant`

### _bindings

```typescript
readonly _bindings: import("@angular/core").InputSignal<Record<string, string>>;
```

### bindings

```typescript
readonly bindings: import("@angular/core").InputSignal<Record<string, string>>;
```

### childKeys

```typescript
readonly childKeys: import("@angular/core").InputSignal<string[]>;
```

### errorText

Live validation message written by the surface's check gate
(bound to /_a2uiChecks/<id>); empty when valid.

```typescript
readonly errorText: import("@angular/core").InputSignal<string>;
```

### label

```typescript
readonly label: import("@angular/core").InputSignal<string>;
```

### loading

```typescript
readonly loading: import("@angular/core").InputSignal<boolean>;
```

### onInput · overload 1

```typescript
onInput(event: Event): void;
```

### placeholder

```typescript
readonly placeholder: import("@angular/core").InputSignal<string>;
```

### spec

```typescript
readonly spec: import("@angular/core").InputSignal<Spec | undefined>;
```

### validationRegexp

Enforced by the surface's check gate as an implicit regex rule (plus the native pattern attribute).

```typescript
readonly validationRegexp: import("@angular/core").InputSignal<string>;
```

### value

v0.9 prop: resolved string value.

```typescript
readonly value: import("@angular/core").InputSignal<string>;
```

### variant

v0.9 prop: input variant (default 'shortText').

```typescript
readonly variant: import("@angular/core").InputSignal<TextFieldVariant>;
```