aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
42 lines • 1.41 kB
TypeScript
import React from "react";
export type SkeletonVariant = "text" | "rectangular" | "circular" | "glass-radius-md";
export interface GlassSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
/** Shape variant of the skeleton */
variant?: SkeletonVariant;
/** Width of the skeleton */
width?: string | number;
/** Height of the skeleton */
height?: string | number;
/** Animation variant */
animation?: "pulse" | "wave" | "none";
/** Number of skeleton lines (for text variant) */
lines?: number;
/** Spacing between lines (for text variant) */
spacing?: string;
}
/**
* GlassSkeleton component
* A skeleton loader with glassmorphism styling for loading states
*/
export declare const GlassSkeleton: React.ForwardRefExoticComponent<GlassSkeletonProps & React.RefAttributes<HTMLDivElement>>;
export declare const GlassSkeletonAvatar: React.FC<{
size?: "sm" | "md" | "lg" | "xl";
className?: string;
}>;
export declare const GlassSkeletonButton: React.FC<{
width?: string;
className?: string;
}>;
export declare const GlassSkeletonCard: React.FC<{
className?: string;
}>;
export declare const GlassSkeletonTable: React.FC<{
rows?: number;
columns?: number;
className?: string;
}>;
export declare const GlassSkeletonList: React.FC<{
items?: number;
className?: string;
}>;
//# sourceMappingURL=GlassSkeleton.d.ts.map