# Source: https://mui.com/x/api/charts/focused-heatmap-cell.md

# FocusedHeatmapCell API

## Demos

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

- Charts - Heatmap

## Import

```jsx
import { FocusedHeatmapCell } from '@mui/x-charts-pro/Heatmap';
// or
import { FocusedHeatmapCell } from '@mui/x-charts-pro';
```

> **Note**: The `ref` is forwarded to the root element.

## Source code

If you did not find the information on this page, consider having a look at the implementation of the component for more detail.

- [/packages/x-charts-pro/src/Heatmap/FocusedHeatmapCell.tsx](https://github.com/mui/material-ui/tree/HEAD/packages/x-charts-pro/src/Heatmap/FocusedHeatmapCell.tsx)