Chart

@/components/kamod-ui/chart

Monthly trend

Sample line-series style container.

Jan: 18, Feb: 27, Mar: 23

Installation

Import Chart from `@/components/kamod-ui/chart` and pass series plus config.

pnpm add @kamod-ch/ui

Usage

Use semantic labels and concise legends to keep visualizations understandable.

import { Chart } from "@/components/kamod-ui/chart";
<Chart />

Line Chart

Render trend data with a line configuration.

Bar Chart

Use bars for direct category comparison.

Category compare

Sample bar-series style container.

A: 120, B: 92

API Reference

Props, slots and variants for this component.

Chart

Chart component props and accepted values.

PropTypeDefault
titlestringundefined
descriptionstringundefined
childrenComponentChildrenundefined

Accessibility Notes

Provide textual summaries for trends and ensure color is not the only channel for series distinction.