@threadplane/chatClassv0.3.4

ChatSelectComponent

Generic single-select dropdown. The menu renders through the chat connected-overlay primitive (a body-level portal), so it is never clipped by an ancestor's overflow and never trapped by an ancestor transform.

Inputs: options (required), value (two-way), placeholder, disabled, menuLabel, panelClass (extra class(es) on the overlay pane — the menu is portaled, so ::ng-deep chat-select .chat-select__menu no longer reaches it).

View source View Markdown

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

Declaration

export declare class ChatSelectComponent  {
  readonly disabled: import("@angular/core").InputSignal<boolean>;
  readonly menuLabel: import("@angular/core").InputSignal<string | undefined>;
  readonly options: import("@angular/core").InputSignal<readonly ChatSelectOption[]>;
  readonly panelClass: import("@angular/core").InputSignal<string | string[]>;
  readonly placeholder: import("@angular/core").InputSignal<string>;
  readonly value: import("@angular/core").ModelSignal<string>;
}

Angular template API

Selector: chat-select

Inputs

disabled: boolean
menuLabel: string | undefined
options · required: readonly ChatSelectOption[]
panelClass: string | string[]
placeholder: string
value: string

Outputs

valueChange: string

Members

disabled

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

menuLabel

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

options

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

panelClass

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

placeholder

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

value

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