@threadplane/chatClassv0.3.7

ChatStatusPanelComponent

The one container for a failed call, a run error, an approval or a receipt. A lead sentence, projected detail, then actions marked chatStatusPanelActions. Displays only; it runs nothing. Set role="alert" on it for failures only.

<chat-status-panel tone="success" lead="Saved.">
  <p>Note #4821 in Comparisons.</p>
  <button chatStatusPanelActions type="button" (click)="open()">Open note</button>
</chat-status-panel>

View source View Markdown

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

Declaration

export declare class ChatStatusPanelComponent  {
  readonly lead: import("@angular/core").InputSignal<string | undefined>;
  readonly tone: import("@angular/core").InputSignal<ChatStatusPanelTone>;
}

Angular template API

Selector: chat-status-panel, [chatStatusPanel]

Inputs

lead: string | undefined
tone: ChatStatusPanelTone

Members

lead

Short statement ending in a period, such as "Saved."

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

tone

Defaults to neutral. The lead sentence carries the meaning; colour only reinforces it.

readonly tone: import("@angular/core").InputSignal<ChatStatusPanelTone>;