Skip to content

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

PropTypeDefaultDescription
labelstringLoading…Announced text (explicit aria-label).
visiblebooleantrueShow the overlay.

Accessibility