aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
79 lines • 1.79 kB
TypeScript
import React from "react";
export interface VirtualListItem {
id: string;
height: number;
component: React.ComponentType<any>;
props?: Record<string, any>;
}
export interface GlassVirtualListProps {
/**
* Items to render
*/
items: VirtualListItem[];
/**
* Container height
*/
height: number;
/**
* Item height (if uniform)
*/
itemHeight?: number;
/**
* Estimated item height for dynamic sizing
*/
estimatedItemHeight?: number;
/**
* Overscan count (items to render outside visible area)
*/
overscan?: number;
/**
* Enable smooth scrolling
*/
smoothScroll?: boolean;
/**
* Loading state
*/
loading?: boolean;
/**
* End reached handler (for infinite scroll)
*/
onEndReached?: () => void;
/**
* End threshold (pixels from bottom)
*/
endThreshold?: number;
/**
* Scroll position change handler
*/
onScrollChange?: (scrollTop: number) => void;
/**
* Custom className
*/
className?: string;
}
/**
* GlassVirtualList component
* High-performance virtualized list that only renders visible items
*/
export declare const GlassVirtualList: React.FC<GlassVirtualListProps>;
export interface GlassVirtualGridProps extends Omit<GlassVirtualListProps, "itemHeight"> {
/**
* Number of columns
*/
columns: number;
/**
* Grid gap
*/
gap?: number;
/**
* Item aspect ratio
*/
aspectRatio?: number;
}
/**
* GlassVirtualGrid component
* Virtualized grid layout for large datasets
*/
export declare const GlassVirtualGrid: React.FC<GlassVirtualGridProps>;
export default GlassVirtualList;
//# sourceMappingURL=GlassVirtualList.d.ts.map