A loading/spinner indicator component for displaying asynchronous operation progress. Shows a rotating spinner icon to indicate that content is loading or processing. Non-intrusive and purely presentational; does not include text labels or progress information. Use loading indicators for: - Async data loading (API calls, file uploads) - Page/section loading states - Processing operations (calculations, exports) - File processing (uploads, conversions) Best practices: - Combine with contextual text or labels describing what is loading - Use aria-hidden="true" on the spinner; describe loading state with aria-live text - Replace with actual content when loading completes - Consider skeleton screens for better perceived performance This is a simple, stateless component. Loading state management is handled by the consumer.
Full interactive examples, variant previews, accessibility audits, and the complete API reference are available in Storybook — generated directly from the component source code.
packages/eddie-web-components/components/loading-indicator/loading-indicator.ts