Skip to contentSkip to content

ChatLayout API

API reference docs for the React ChatLayout component. Learn about the props, CSS, and other APIs of this exported module.

Demos

Import

import { ChatLayout } from '@mui/x-chat-headless/chat';
// or
import { ChatLayout } from '@mui/x-chat-headless';
// or
import { ChatLayout } from '@mui/x-chat';

Learn about the difference by reading this guide on minimizing bundle size.

Props

NameTypeDescription
slotPropsChatLayoutSlotProps
slotsPartial

See Slots API below for more details.

The component cannot hold a ref.

Slots

Slot nameClass nameDefault componentDescription
conversationsPane
root
threadPane

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.