Skip to contentSkip to content

MessageGroup API

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

Demos

Import

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

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

Props

Props of the native component are also available.

NameTypeDescription
The component cannot hold a ref.

Slots

Slot nameClass nameDefault componentDescription
group
authorName
groupTimestamp'span'The timestamp element rendered next to the author name in compact mode. Only rendered when variant === 'compact' and the message has a createdAt value.

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.