LoadingOverlay
Dims a region while it reloads and says what is happening. Wraps your content; the overlay toggles with hidden.
Example
Dashboard snapshot
12 charts, updated 2 minutes ago.
<LoadingOverlay label="Refreshing data…" visible={false}>
...your content...
</LoadingOverlay>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | Loading… | Announced text (explicit aria-label). |
visible | boolean | true | Show the overlay. |
Accessibility
- Announces via
role="status"with an explicit label (Chromium ignores clipped text). - Says WHAT is loading, not just "loading".