Skip to main content
Version: v11

Window

The Window component handles width changes in the main channel to ensure a seamless user experience when opening and closing a Thread component.

Basic Usage​

The Window component must wrap the main channel components to enable smooth mount and unmount behavior. It must be rendered at the same level as the Thread. This ensures correct width changes in the main channel when opening and closing a Thread.

<Chat client={client}>
  <Channel channel={channel}>
    <Window>
      <MessageList />
      <MessageInput />
    </Window>
    <Thread />
  </Channel>
</Chat>

Props​

hideOnThread​

The boolean to show or hide the Window when a Thread is active.

TypeDefault
booleanfalse

thread​

An optional prop to manually trigger the opening of a thread.

Type
object

Did you find this page helpful?