ConversationListRoot API
API reference docs for the React ConversationListRoot component. Learn about the props, CSS, and other APIs of this exported module.
Demos
Import
import { ConversationListRoot } from '@mui/x-chat/headless';Props of the native component are also available.
| Name | Type | Description |
|---|
The component cannot hold a ref.
| Slot name | Class name | Default component | Description |
|---|---|---|---|
| root | 'div' | The component that renders the root. | |
| scroller | ScrollRoot (Base UI ScrollArea.Root wrapper); a styled 'div' in `ChatConversationList` | The component that renders the scroller. | |
| viewport | ScrollViewport (Base UI ScrollArea.Viewport wrapper); a styled 'div' in `ChatConversationList` | The component that renders the viewport. | |
| scrollbar | ScrollScrollbar (Base UI ScrollArea.Scrollbar wrapper); `ChatConversationList` renders none | The component that renders the scrollbar. | |
| scrollbarThumb | ScrollThumb (Base UI ScrollArea.Thumb wrapper); `ChatConversationList` renders none | The component that renders the scrollbar thumb. | |
| item | ConversationListItem; a styled 'div' in `ChatConversationList` | The component that renders the item. | |
| itemAvatar | ConversationListItemAvatar | The component that renders the item avatar. | |
| itemContent | ConversationListItemContent | The component that renders the item content. | |
| title | ConversationListTitle | The component that renders the title. | |
| preview | ConversationListPreview | The component that renders the preview. | |
| timestamp | ConversationListTimestamp | The component that renders the timestamp. | |
| unreadBadge | ConversationListUnreadBadge | The component that renders the unread badge. | |
| itemActions | ConversationListItemActions | The component that renders the item actions. |
Source code
If you did not find the information in this page, consider having a look at the implementation of the component for more detail.