@papernote/ui
Version:
A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive
30 lines • 854 B
TypeScript
import { ReactNode } from 'react';
interface StatCard {
icon: ReactNode;
label: string;
value: string | number;
subtitle?: string;
valueColor?: string;
iconColor?: string;
}
interface StatsCardGridProps {
stats: StatCard[];
className?: string;
/** Number of columns on large screens (default: 4) */
columns?: 2 | 3 | 4;
}
/**
* Grid of statistics cards for displaying key metrics
* Supports responsive layout with 1 column on mobile, 2 on tablet, and configurable on desktop
*
* @example
* ```tsx
* <StatsCardGrid
* stats={statsData}
* columns={4} // 1 col mobile → 2 col tablet → 4 col desktop
* />
* ```
*/
export declare function StatsCardGrid({ stats, className, columns }: StatsCardGridProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=StatsCardGrid.d.ts.map