AreaElement API
Demos
For examples and details on the usage of this React component, visit the component demo pages:
Import
import { AreaElement } from '@mui/x-charts';Component name
The nameMuiAreaElement can be used when providing default props or style overrides in the theme.Props
| Name | Type | Default | Description | 
|---|
The component cannot hold a ref.
CSS
| Rule name | Global class | Description | 
|---|---|---|
| root | .MuiAreaElement-root | Styles applied to the root element. | 
| highlighted | .MuiAreaElement-highlighted | Styles applied to the root element when higlighted. | 
| faded | .MuiAreaElement-faded | Styles applied to the root element when faded. | 
You can override the style of the component using one of these customization options:
- With a global class name.
 - With a rule name as part of the component's 
styleOverridesproperty in a custom theme.