aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
95 lines • 1.83 kB
TypeScript
import React from "react";
export interface AreaDataPoint {
x: number | string;
y: number;
label?: string;
}
export interface AreaSeries {
id: string;
name: string;
data: AreaDataPoint[];
color?: string;
strokeWidth?: number;
fillOpacity?: number;
}
export interface GlassAreaChartProps {
/**
* Chart title
*/
title?: string;
/**
* Chart data series
*/
series: AreaSeries[];
/**
* 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;
/**
* Fill opacity for areas
*/
fillOpacity?: number;
/**
* Show stacked areas
*/
stacked?: boolean;
/**
* Custom className
*/
className?: string;
/**
* Loading state
*/
loading?: boolean;
}
/**
* GlassAreaChart component
* A glassmorphism area chart with multiple series support and smooth area fills
*/
export declare const GlassAreaChart: React.FC<GlassAreaChartProps>;
export default GlassAreaChart;
//# sourceMappingURL=GlassAreaChart.d.ts.map