Skip to content

PieArc API

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



import { PieArc } from '@mui/x-charts/PieChart';
// or
import { PieArc } from '@mui/x-charts';

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


The component cannot hold a ref.

CSS classes

These class names are useful for styling with CSS. They are applied to the component's slots when specific states are triggered.

Class nameRule nameDescription
.MuiPieArc-fadedfadedStyles applied to the root element when faded.
.MuiPieArc-highlightedhighlightedStyles applied to the root element when highlighted.
.MuiPieArc-rootrootStyles applied to the root element.

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