@threadplane/chatClassv0.3.4

ChatSidenavScrimComponent

Backdrop scrim for chat-sidenav's drawer mode, rendered as a sibling of <chat-sidenav> so its z-index sits cleanly between the page content and the drawer host (escapes the drawer host's stacking context).

Usage: <chat-sidenav-scrim [open]="drawerOpen()" (dismiss)="drawerOpen.set(false)" /> <chat-sidenav [(open)]="drawerOpen" ...></chat-sidenav>

View sourceView Markdown
import { ChatSidenavScrimComponent } from '@threadplane/chat';

Declaration

export declare class ChatSidenavScrimComponent  {
  readonly dismiss: import("@angular/core").OutputEmitterRef<void>;
  readonly open: import("@angular/core").InputSignal<boolean>;
}

Angular template API

Selector: chat-sidenav-scrim

Inputs

open
boolean

Outputs

dismiss
void

Members

dismiss

Fires when the user clicks the backdrop.

readonly dismiss: import("@angular/core").OutputEmitterRef<void>;

open

When true, render the backdrop button covering the viewport.

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