Data Grid - AI Assistant Panel 🚧

Customize the Data Grid's AI assistant panel.

Basic usage

The demo below shows how to add an AI assistant panel trigger to a custom toolbar.

import { AiAssistantPanelTrigger } from '@mui/x-data-grid';

<AiAssistantPanelTrigger />;

<AiAssistantPanelTrigger /> is a button that opens and closes the AI assistant panel. It renders the baseButton slot.

Use the render prop to replace default elements. See Components usage—Customization for more details.

You must apply a text label or an aria-label attribute to the <AiAssistantPanelTrigger />.

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