# A2uiImageComponent

Package: `@threadplane/chat` · 0.3.4

Reference: /docs/api/chat/A2uiImageComponent

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

## A2uiImageComponent

Renders an A2UI image with a description, sizing preset, and object-fit behavior.

```typescript
export declare class A2uiImageComponent  {
  readonly bindings: import("@angular/core").InputSignal<Record<string, string>>;
  readonly childKeys: import("@angular/core").InputSignal<string[]>;
  readonly description: import("@angular/core").InputSignal<string>;
  readonly emit: import("@angular/core").InputSignal<(event: string) => void>;
  readonly fit: import("@angular/core").InputSignal<ImageFit>;
  readonly loading: import("@angular/core").InputSignal<boolean>;
  readonly spec: import("@angular/core").InputSignal<Spec | undefined>;
  readonly url: import("@angular/core").InputSignal<string>;
  readonly variant: import("@angular/core").InputSignal<ImageVariant>;
}
```

**Angular selector:** `a2ui-image`

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

- Input `childKeys`: `string[]`

- Input `description`: `string`

- Input `emit`: `(event: string) => void`

- Input `fit`: `ImageFit`

- Input `loading`: `boolean`

- Input `spec`: `Spec | undefined`

- Input `url`: `string`

- Input `variant`: `ImageVariant`

### bindings

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

### childKeys

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

### description

v0.9 prop: alt text / accessible description.

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

### emit

```typescript
readonly emit: import("@angular/core").InputSignal<(event: string) => void>;
```

### fit

v0.9 prop: CSS object-fit equivalent ('scaleDown' → 'scale-down').

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

### loading

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

### spec

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

### url

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

### variant

v0.9 prop: sizing preset.

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