MessageError API - MUI X

MessageError API - MUI XSkip to contentSkip to content🚀 Material UI and MUI X v9 are out! Check out the announcement blogpost.Search…

MUI Xv9.4.0What's new in MUI XIntroductionCommon conceptsData GridDate and Time PickersChartsTree ViewSchedulerPreviewChatPreviewOverviewQuickstartMain featuresChatBoxAdaptersStreamingError handlingCustomizationSlots and compositionStylingTailwind CSSLocalizationAdvanced featuresBuilding BlocksDisplayBehaviorMulti-conversationAI and agentsBackend integrationDemosResourcesHooks ReferenceSelectors ReferenceEvents & CallbacksPerformanceAPI ReferenceAPI referenceChatBoxChatCodeBlockChatComposerAttachButtonChatComposerAttachmentListChatComposerHelperTextChatComposerLabelChatComposerSendButtonChatComposerTextAreaChatComposerToolbarChatConfirmationChatConversationChatConversationHeaderChatConversationHeaderActionsChatConversationHeaderInfoChatConversationListChatConversationSubtitleChatConversationTitleChatDateDividerChatLayoutChatMessageActionsChatMessageAuthorLabelChatMessageAvatarChatMessageContentChatMessageGroupChatMessageInlineMetaChatMessageListChatMessageMetaChatMessageSkeletonChatMessageSourceChatMessageSourcesChatProviderChatRootChatScrollToBottomAffordanceChatSuggestionsChatTypingIndicatorChatUnreadMarkerComposerAttachButtonComposerAttachmentListComposerHelperTextComposerLabelComposerRootComposerSendButtonComposerTextAreaComposerToolbarConversationHeaderConversationHeaderActionsConversationListItemConversationListItemAvatarConversationListPreviewConversationListRootConversationListTimestampConversationListTitleConversationListUnreadBadgeConversationRootConversationSubtitleConversationTitleMessageActionsMessageAuthorLabelMessageAvatarMessageContentMessageErrorMessageGroupMessageListDateDividerMessageListRootMessageMetaMessageRootScrollToBottomAffordanceTypingIndicatorUnreadMarkerMigrationMessageError API

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

Demos

For examples and details on the usage of this React component, visit the component demo pages:

Chat - Error HandlingImport

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

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

PropsView:table

Props of the native component are also available.

NameTypeDescriptionThe component cannot hold a ref.SlotsView:tableSlot nameClass nameDefault componentDescriptionrootThe root element of the per-message error primitive. Rendered with role="alert" so screen readers announce the error.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.

Edit this page

Was this page helpful?

•

Blog

•

Store

Contents

DemosImportPropsSlotsrootSource codeBecome a Diamond sponsorMUI stands in solidarity with Ukraine.Search…