ChartCard

A 2nd-order composition of Card + CardHeader + CardContent + CardFooter. Provides a standardized card layout for chart visualizations.

Data Displaychartcarddashboardvisualization

Basic

import { ChartCard } from '@primstack/ui/chart-card'

<ChartCard title="Revenue" description="Monthly revenue">
  <MyChart />
</ChartCard>

Revenue chart

import { ChartCard } from '@primstack/ui'

<ChartCard title="Revenue" subtitle="Last 30 days" value="$12,450">
  <Chart type="area" data={revenueData} />
</ChartCard>

Related Components