Interactive testing environment for react-shared components
Current: Default
Animated loading indicator with optional mask overlay.
Customize the LoadingSpinner properties and see the changes in real-time.
| Prop | Type | Default | Description |
|---|---|---|---|
| mask | boolean | false | Show semi-transparent background overlay |
| wrapperStyles | React.CSSProperties | undefined | Custom inline styles for wrapper |
| className | string | undefined | Additional CSS classes |
When mask is enabled, the spinner displays with a semi-transparent background overlay, useful for blocking user interaction during loading states.
The component includes proper ARIA attributes and screen reader text for accessibility.
The spinner uses CSS animations for smooth rotation. Styling is handled through CSS modules.