---
category: display
---

# ChartContainer

Source: `components/ui/chart.tsx`.

`ChartContainer` is a compound component. Its parts are exported **flat** (`ChartTooltip`, not
`ChartContainer.ChartTooltip`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `ChartTooltip` | — |
| `ChartTooltipContent` | `React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<'div'> & {…}` |
| `ChartLegend` | — |
| `ChartLegendContent` | `React.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {…}` |
| `ChartStyle` | — |

All parts accept `className` and are composed as children of `ChartContainer`.