- Add error boundary components with graceful fallbacks - Implement loading states with skeleton components - Create route-level suspense wrapper - Add error page with recovery options - Include error boundary demo for testing Error handling provides resilient user experience with clear feedback and recovery options when components fail. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
24 lines
726 B
TypeScript
24 lines
726 B
TypeScript
/**
|
|
* Loading Components
|
|
*
|
|
* Comprehensive collection of loading states and skeleton components
|
|
* with glassmorphism styling and accessibility features.
|
|
*/
|
|
|
|
// Main loading components
|
|
export { LoadingSpinner, PulseLoader, ShimmerLoader, DotsLoader } from './LoadingSpinner';
|
|
export type { LoadingSpinnerProps } from './LoadingSpinner';
|
|
|
|
// Suspense and route loading
|
|
export { RouteSuspense, withRouteSuspense, useLoadingTimeout } from './RouteSuspense';
|
|
export type { RouteSuspenseProps } from './RouteSuspense';
|
|
|
|
// Skeleton components
|
|
export {
|
|
BaseSkeleton,
|
|
TextSkeleton,
|
|
AvatarSkeleton,
|
|
ButtonSkeleton,
|
|
Skeleton
|
|
} from './Skeleton';
|
|
export type { SkeletonProps, SkeletonLayoutProps } from './Skeleton'; |