ChannelComponent
The Channel
component is a container component that displays the ChannelHeader
, MessageList
, NotificationList
and MessageInput
components. You can also provide the Thread
component to use message threads.
Usage
<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>
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.
If you want to create your own channel component check out our customization guide for more information.