React components
Product clarity
A card displaying a bar chart with a summary header.
Overview
The ProductClarity component is a preset widget that combines a summary statistic (e.g., "$32,573") with a BarChart visualization. It represents a module for campaign performance or revenue tracking.
Usage
import { ProductClarity } from '@/components/core/features/product-clarity';
function Analytics() {
return <ProductClarity />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
data? | BarChartData[] | defaultData | Data points for the chart. |
className? | string | - | Optional CSS class names. |
Notes
- This component internally uses the
BarChartcomponent. - The summary text (amount and percentage) is currently hardcoded in the component for demonstration purposes.