ChannelHeader

The ChannelHeader component displays pertinent information regarding the currently active channel, including image and title.

Basic Usage

Use this component by adding it as a child of the Channel component. If you want to ‘override’ this component, you simply use your custom component instead.

Example 1

<Channel channel={channel}>
  <ChannelHeader live={true} title={'General'} />
</Channel>

Example 2 - using a custom heading component.

<Channel channel={channel}>
  <YourCustomChannelHeader />
</Channel>

Props

Avatar

A custom UI component to display the avatar image.

image

The displayed image URL for the header, defaults to the channel image if there is one.

live

A boolean for showing a little indicator below the title if the channel is live right now.

MenuIcon

A custom UI component to display menu icon.

title

A string to set the title manually, defaults to the channel name if there is one.