---
id: channel-preview-messenger
title: ChannelPreviewMessenger
---

import OnSelect from '../common-content/core-components/channel-list/props/on_select.mdx';
import PreviewAvatar from '../common-content/core-components/channel-list/props/preview_avatar.mdx';
import PreviewMessage from '../common-content/core-components/channel-list/props/preview_message.mdx';
import PreviewStatus from '../common-content/core-components/channel-list/props/preview_status.mdx';
import PreviewTitle from '../common-content/core-components/channel-list/props/preview_title.mdx';
import PreviewUnreadCount from '../common-content/core-components/channel-list/props/preview_unread_count.mdx';

import LastMessagePreview from '../common-content/ui-components/channel-preview-messenger/props/last_message_preview.mdx';
import FormatLatestMessageDate from '../common-content/ui-components/channel-preview-messenger/props/format_latest_message_date.mdx';
import MaxUnreadCount from '../common-content/ui-components/channel-preview-messenger/props/max_unread_count.mdx';
import Unread from '../common-content/ui-components/channel-preview-messenger/props/unread.mdx';
import Channel from '../common-content/ui-components/channel-preview-messenger/props/channel.mdx';

Component to render a list item within the [`ChannelList`](../core-components/channel_list.mdx).
This is the default component provided to the prop [`Preview`](../core-components/channel_list.mdx#preview) on the `ChannelList` component.

## Props

### <div class="label required">required</div> **channel**

<Channel/>

### formatLatestMessageDate

<FormatLatestMessageDate/>

### lastMessagePreview

<LastMessagePreview/>

### maxUnreadCount

<MaxUnreadCount/>

### onSelect

<OnSelect/>

### unread

<Unread/>

### <div class="label description">_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewavatar)_</div> PreviewAvatar {#previewavatar}

<PreviewAvatar/>

### <div class="label description">_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewmessage)_</div> PreviewMessage {#previewmessage}

<PreviewMessage/>

### <div class="label description">_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewstatus)_</div> PreviewStatus {#previewstatus}

<PreviewStatus/>

### <div class="label description">_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewtitle)_</div> PreviewTitle {#previewtitle}

<PreviewTitle/>

### <div class="label description">_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewunreadcount)_</div> PreviewUnreadCount {#previewunreadcount}

<PreviewUnreadCount/>