Variable: ChartContainer

@arolariu/components

---

@arolariu/components / ChartContainer

Variable: ChartContainer

const ChartContainer: ForwardRefExoticComponent<Omit<ChartContainerProps, "ref"> & RefAttributes<HTMLDivElement>>

Defined in: components/ui/chart.tsx:120

Provides responsive chart layout and series config context for Recharts content.

Remarks

• Renders a wrapping <div> element
• Built on recharts ResponsiveContainer
• Injects CSS variables so legends and tooltips can share theme-aware colors

Example

<ChartContainer config={{sales: {label: "Sales", color: "#2563eb"}}}>
  <RechartsPrimitive.BarChart data={data}>...</RechartsPrimitive.BarChart>
</ChartContainer>

See

Recharts ResponsiveContainer Docs