Skip to content
🚀 Influence MUI's 2026 roadmap! Take our latest Developer Survey
+

Chat - Team Messaging demo

A two-pane inbox layout with a conversation sidebar, thread switching, and per-conversation message state.

Multi-conversation inbox

A full team messaging surface with multiple conversations. The sidebar renders automatically when more than one conversation is provided, allowing users to switch between threads while each conversation maintains its own message history.

MUI Assistant
Component questions
Which component handles the composer?
2
MUI Assistant
Theme customization
How do I override the bubble color?
MUI Assistant
Slot overrides
Replacing the send button slot
Component questions

Which component handles the composer?

Alice Chen
Alice Chen

Which component should I use for the message input area?

MUI Assistant
MUI Assistant

The composer is handled by the ChatBox automatically. You can override it with slots.composerRoot.

Alice Chen
Alice Chen

And what about slotProps for passing sx to the input?

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.