Loading Screen

Display while the app is loading the content to render. This component provides a consistent loading experience across your application with theme-aware colors.

LoadingScreen (Full Screen)

Full-screen loading indicator with fixed 48px spinner size. Uses text-primary color for theme consistency.

LoadingSmall - Size Variants

Small (20px)

Medium (24px)

Large (24px)

Usage in Context

Loading data...
Processing

LoadingSmall Props

interface LoadingSmallProps {
  size?: 'large' | 'medium' | 'small'; // Match IconButton sizes
  }

Theme Support (v1.2.15)

Both LoadingScreen and LoadingSmall now use text-primary color instead of accent-main for better theme integration and consistency across light and dark modes.