<div id="root">
<stream-channel-list></stream-channel-list>
<stream-channel>
<!-- Main messages in the channel -->
<stream-channel-header></stream-channel-header>
<stream-message-list></stream-message-list>
<stream-message-input></stream-message-input>
<!-- Main messages in the channel -->
<!-- Thread messages in the channel -->
<!-- The name attribute selects the slot for the thread component inside channel -->
<stream-thread name="thread">
<stream-message-list mode="thread"></stream-message-list>
<stream-message-input mode="thread"></stream-message-input>
</stream-thread>
<!-- Thread messages in the channel -->
</stream-channel>
<stream-notification-list></stream-notification-list>
</div>
This is documentation for the release candidate
Stream Chat Angular SDK v6. For the latest stable version, see the latest version (v5).
ChannelComponent
The Channel
component is a container component that displays the ChannelHeader
, MessageList
, NotificationList
, MessageBouncePrompt
and MessageInput
components. You can also provide the Thread
component to use message threads.
Usage
The Channel
component doesn’t do any settings, it’s just displays its children components. The main purpose of this component is to provide the layout for the initial chat UI.
On this page: