Skip to content

Chart

Pre-styled chart containers using Recharts. The ChartContainer handles theming, tooltips, and legends using Cookest design tokens.

$cookest-ui add chart

Bar Chart — Weekly Calories

Track calorie intake across the week.

Area Chart — Protein Intake

Visualise macronutrient trends over the week.

Pie Chart — Cuisine Distribution

Show how recipe collection is distributed across cuisines.

PropTypeDefaultDescription
configChartConfigMap of data keys to labels and colors.
classNamestringApply sizing — use h-* for height.
ChartTooltipContentA pre-styled tooltip matching the Cookest design system.
ChartLegendContentA pre-styled legend matching the Cookest design system.