nalarx-uiComponents
Loading overlay
A frosted veil with a spinner while a save, update or delete is in flight.
bunx shadcn@latest add @nalarx/loading-overlayUsage
scope="container" (default) covers the nearest positioned ancestor and leaves the rest of the app usable. scope="screen" covers the viewport and locks scrolling, for the rare operation that freezes the whole app. Delay show by about 220ms so fast saves never flash the veil. Not for chat streaming.
<div className="relative">
…
<LoadingOverlay show={pending} label="Saving…" />
</div>Sales agent
Answers pricing questions from the catalogue.
Sales agent
Answers pricing questions from the catalogue.
Props
| Prop | Type | Default |
|---|---|---|
show | boolean | |
label | string | Announced loading string, nothing visible |
scope | "container" | "screen" | "container" |
radius | number | 14 (px, container veil) |
Replaces
LoadingOverlay.tsx in both apps.