diff --git a/apps/v4/content/docs/components/chart.mdx b/apps/v4/content/docs/components/chart.mdx index 0af34d501a..fa09c94d21 100644 --- a/apps/v4/content/docs/components/chart.mdx +++ b/apps/v4/content/docs/components/chart.mdx @@ -193,7 +193,7 @@ You can now build your chart using Recharts components. -**Important:** Remember to set a `min-h-[VALUE]` on the `ChartContainer` component. This is required for the chart be responsive. +**Important:** Remember to set a `min-h-[VALUE]` on the `ChartContainer` component. This is required for the chart to be responsive. @@ -370,7 +370,7 @@ The chart config is where you define the labels, icons and colors for a chart. It is intentionally decoupled from chart data. -This allows you to share config and color tokens between charts. It can also works independently for cases where your data or color tokens live remotely or in a different format. +This allows you to share config and color tokens between charts. It can also work independently for cases where your data or color tokens live remotely or in a different format. ```tsx showLineNumbers /ChartConfig/ import { Monitor } from "lucide-react" @@ -394,7 +394,7 @@ const chartConfig = { ## Theming -Charts has built-in support for theming. You can use css variables (recommended) or color values in any color format, such as hex, hsl or oklch. +Charts have built-in support for theming. You can use css variables (recommended) or color values in any color format, such as hex, hsl or oklch. ### CSS Variables