aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
69 lines • 1.62 kB
TypeScript
import React from "react";
export interface ChartDataPoint {
label: string;
value: number;
color?: string;
metadata?: Record<string, any>;
}
export interface ChartData {
title: string;
subtitle?: string;
dataPoints: ChartDataPoint[];
summary?: {
total?: number;
change?: number;
trend?: "up" | "down" | "neutral";
};
}
export interface ChartWidgetProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Chart data
*/
data: ChartData;
/**
* Chart type
*/
type?: "bar" | "line" | "area" | "pie" | "donut" | "sparkline";
/**
* Widget variant
*/
variant?: "default" | "minimal" | "featured";
/**
* Chart size
*/
size?: "sm" | "md" | "lg";
/**
* Color scheme
*/
colorScheme?: "default" | "primary" | "success" | "warning" | "destructive" | "rainbow";
/**
* Whether to show legend
*/
showLegend?: boolean;
/**
* Whether to show grid
*/
showGrid?: boolean;
/**
* Whether to show values on hover
*/
interactive?: boolean;
/**
* Loading state
*/
loading?: boolean;
/**
* Chart actions
*/
actions?: React.ReactNode;
/**
* Custom chart renderer
*/
renderChart?: (data: ChartData, config: any) => React.ReactNode;
}
/**
* ChartWidget component
* Displays various chart types with glassmorphism styling
*/
export declare const ChartWidget: React.ForwardRefExoticComponent<ChartWidgetProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=ChartWidget.d.ts.map