Loading Overlay

Blocks a bounded surface while an operation is in progress.

Changes are being synchronized.

Saving changes

Astro

---
import { LoadingOverlay } from '@charvesta/cetha';
---

<div class="relative"><LoadingOverlay label="Saving changes" /></div>

API reference

Prop	Type	Default	Description
`label`*	`string`	—	Loading announcement.
`visible`	`boolean`	`true`	Controls visibility.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Announces busy state without removing the underlying content.