Skip to content

ChartsItemTooltipContent API

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

Component demos

Import

import { ChartsItemTooltipContent } from '@mui/x-charts/ChartsTooltip';
// or
import { ChartsItemTooltipContent } from '@mui/x-charts';
Learn about the difference by reading this guide on minimizing bundle size.

Props

The component cannot hold a ref.

CSS

The following class names are useful for styling with CSS (the state classes are marked).
To learn more, visit the component customization page.

.MuiChartsItemTooltipContent-root

Styles applied to the root element.

Rule name:root

.MuiChartsItemTooltipContent-table

Styles applied to the table element.

Rule name:table

.MuiChartsItemTooltipContent-row

Styles applied to the row element.

Rule name:row

.MuiChartsItemTooltipContent-cell

Styles applied to the cell element.

Rule name:cell

.MuiChartsItemTooltipContent-mark

Styles applied to the mark element.

Rule name:mark

.MuiChartsItemTooltipContent-markCell

Styles applied to the markCell element.

Rule name:markCell

.MuiChartsItemTooltipContent-labelCell

Styles applied to the labelCell element.

Rule name:labelCell

.MuiChartsItemTooltipContent-valueCell

Styles applied to the valueCell element.

Rule name:valueCell


You can override the style of the component using one of these customization options: