aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
93 lines • 1.89 kB
TypeScript
import React from "react";
export interface ChartDataPoint {
x: number | string;
y: number;
label?: string;
}
export interface ChartSeries {
id: string;
name: string;
data: ChartDataPoint[];
color?: string;
strokeWidth?: number;
}
export interface GlassLineChartProps {
/**
* Chart title
*/
title?: string;
/**
* Chart data series
*/
series: ChartSeries[];
/**
* Chart width
*/
width?: number;
/**
* Chart height
*/
height?: number;
/**
* Show grid lines
*/
showGrid?: boolean;
/**
* Show data points
*/
showPoints?: boolean;
/**
* Show legend
*/
showLegend?: boolean;
/**
* X-axis label
*/
xAxisLabel?: string;
/**
* Y-axis label
*/
yAxisLabel?: string;
/**
* Custom colors for series
*/
colors?: string[];
/**
* Animation duration
*/
animationDuration?: number;
/**
* Show tooltips on hover
*/
showTooltips?: boolean;
/**
* Format function for Y-axis values
*/
formatYValue?: (value: number) => string;
/**
* Format function for X-axis values
*/
formatXValue?: (value: number | string) => string;
/**
* Custom className
*/
className?: string;
/**
* Loading state
*/
loading?: boolean;
}
/**
* GlassLineChart component
* A glassmorphism line chart with multiple series support and interactive features
*/
export declare const GlassLineChart: React.FC<GlassLineChartProps>;
export interface GlassChartContainerProps {
title?: string;
subtitle?: string;
children: React.ReactNode;
className?: string;
}
export declare const GlassChartContainer: React.FC<GlassChartContainerProps>;
export default GlassLineChart;
//# sourceMappingURL=GlassLineChart.d.ts.map