Loading Overlay
A loading overlay component with spinner and fade-in animation. Displays over content to indicate loading state.
Installation
$ npx shadcn@latest add @orecus/loading-overlayComponent
Interactive Example
Click the button to see the loading overlay in action.
Custom Text
The overlay can display custom loading text.
Saving changes...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
loading | boolean | false | Whether the loading overlay is visible |
text | string | "Loading..." | Text to display below the spinner |
className | string | — | Additional CSS classes |