Loading skeleton component for better perceived performance
Business Perspective
Improves perceived performance by showing content placeholders while
data loads, making the application feel more responsive and reducing
user anxiety during loading operations. 📊
Technical Perspective
Provides animated placeholder content that mimics the structure of
the actual content being loaded. Uses CSS animations for smooth
skeleton shimmer effect.
Example
// Default 3-line skeleton <LoadingSkeleton/>
// Custom number of lines <LoadingSkeletonlines={5}/>
// With custom test ID <LoadingSkeletonlines={4}testId="metrics-skeleton"/>
Loading skeleton component for better perceived performance
Business Perspective
Improves perceived performance by showing content placeholders while data loads, making the application feel more responsive and reducing user anxiety during loading operations. 📊
Technical Perspective
Provides animated placeholder content that mimics the structure of the actual content being loaded. Uses CSS animations for smooth skeleton shimmer effect.