# ChatSidenavScrimComponent

Package: `@threadplane/chat` · 0.3.4

Reference: /docs/api/chat/ChatSidenavScrimComponent

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

## 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>

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

**Angular selector:** `chat-sidenav-scrim`

- Input `open`: `boolean`

- Output `dismiss`: `void`

### dismiss

Fires when the user clicks the backdrop.

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

### open

When true, render the backdrop button covering the viewport.

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