A2uiImageComponent

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

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

Declaration

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 template API

Selector: a2ui-image

Inputs

bindings
Record<string, string>
childKeys
string[]
description
string
emit
(event: string) => void
fit
ImageFit
loading
boolean
spec
Spec | undefined
url
string
variant
ImageVariant

Members

bindings

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

childKeys

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

description

v0.9 prop: alt text / accessible description.

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

emit

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

fit

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

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

loading

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

spec

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

url

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

variant

v0.9 prop: sizing preset.

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