aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
31 lines • 1.93 kB
TypeScript
import React from "react";
export interface GlassLoadingSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
/** Number of skeleton rows to display */
rows?: number;
/** Height of each row */
height?: string | number;
/** Width of the skeleton */
width?: string | number;
/** Whether to show avatar skeleton */
avatar?: boolean;
/** Avatar size */
avatarSize?: "sm" | "md" | "lg" | "xl";
/** Whether to animate the skeleton */
animate?: boolean;
/** Layout variant */
variant?: "default" | "card" | "list" | "table" | "form" | "dashboard";
/** Show shimmer effect */
shimmer?: boolean;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
/** ARIA label for the loading skeleton */
"aria-label"?: string;
}
export declare const GlassLoadingSkeleton: React.ForwardRefExoticComponent<GlassLoadingSkeletonProps & React.RefAttributes<HTMLDivElement>>;
export declare const GlassSkeletonText: React.ForwardRefExoticComponent<Omit<GlassLoadingSkeletonProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
export declare const GlassSkeletonCard: React.ForwardRefExoticComponent<Omit<GlassLoadingSkeletonProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
export declare const GlassSkeletonList: React.ForwardRefExoticComponent<Omit<GlassLoadingSkeletonProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
export declare const GlassSkeletonTable: React.ForwardRefExoticComponent<Omit<GlassLoadingSkeletonProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
export declare const skeletonAnimationCSS = "\n@keyframes shimmer {\n 0% {\n transform: translateX(-100%) skewX(-12deg);\n }\n 100% {\n transform: translateX(200%) skewX(-12deg);\n }\n}\n\n.animate-shimmer {\n animation: shimmer 2s infinite;\n}\n";
export default GlassLoadingSkeleton;
//# sourceMappingURL=GlassLoadingSkeleton.d.ts.map