aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
82 lines • 1.93 kB
TypeScript
import React from "react";
export interface PieDataPoint {
label: string;
value: number;
color?: string;
}
export interface GlassPieChartProps {
/**
* Chart title
*/
title?: string;
/**
* Chart data
*/
data: PieDataPoint[];
/**
* Chart width and height
*/
size?: number;
/**
* Inner radius for donut chart (0 for pie chart)
*/
innerRadius?: number;
/**
* Show legend
*/
showLegend?: boolean;
/**
* Legend position
*/
legendPosition?: "right" | "bottom" | "top";
/**
* Show data labels on segments
*/
showLabels?: boolean;
/**
* Show percentage labels
*/
showPercentages?: boolean;
/**
* Custom colors for segments
*/
colors?: string[];
/**
* Animation duration
*/
animationDuration?: number;
/**
* Show tooltips on hover
*/
showTooltips?: boolean;
/**
* Format function for values
*/
formatValue?: (value: number) => string;
/**
* Format function for percentages
*/
formatPercentage?: (percentage: number) => string;
/**
* Custom className
*/
className?: string;
/**
* Loading state
*/
loading?: boolean;
}
/**
* GlassPieChart component
* A glassmorphism pie/donut chart with interactive segments and smooth animations
*/
export declare const GlassPieChart: React.ForwardRefExoticComponent<GlassPieChartProps & React.RefAttributes<HTMLDivElement>>;
export interface GlassDonutChartProps extends Omit<GlassPieChartProps, "innerRadius"> {
/**
* Inner radius as percentage of outer radius (0-1)
*/
innerRadiusRatio?: number;
}
export declare const GlassDonutChart: React.ForwardRefExoticComponent<GlassDonutChartProps & React.RefAttributes<HTMLDivElement>>;
export default GlassPieChart;
//# sourceMappingURL=GlassPieChart.d.ts.map