This is documentation for Stream Chat Angular SDK v4, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v5).

ChannelComponent

The Channel component is a container component that displays the ChannelHeader, MessageList, NotificationList, EditMessageForm, MessageBouncePrompt 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.

AvatarPlaceholderComponent

ChannelHeaderComponent