aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
98 lines • 1.91 kB
TypeScript
import React from "react";
export interface BarDataPoint {
x: string | number;
y: number;
label?: string;
color?: string;
}
export interface BarSeries {
id: string;
name: string;
data: BarDataPoint[];
color?: string;
}
export interface GlassBarChartProps {
/**
* Chart title
*/
title?: string;
/**
* Chart data series
*/
series: BarSeries[];
/**
* Chart width
*/
width?: number;
/**
* Chart height
*/
height?: number;
/**
* Show grid lines
*/
showGrid?: boolean;
/**
* Show data labels on bars
*/
showDataLabels?: 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: string | number) => string;
/**
* Bar orientation (vertical or horizontal)
*/
orientation?: "vertical" | "horizontal";
/**
* Bar padding between groups
*/
barPadding?: number;
/**
* Bar width ratio
*/
barWidthRatio?: number;
/**
* Custom className
*/
className?: string;
/**
* Loading state
*/
loading?: boolean;
}
/**
* GlassBarChart component
* A glassmorphism bar chart with multiple series support and interactive features
*/
export declare const GlassBarChart: React.FC<GlassBarChartProps>;
export default GlassBarChart;
//# sourceMappingURL=GlassBarChart.d.ts.map