Loading overlay

A spinner veil over content.

Dashboard content…

Loading…

import { BuiLoadingOverlay } from 'ng-blatui';

<bui-loading-overlay [show]="loading()">…content…</bui-loading-overlay>

Toggle

Form content…

Saving…

<button buiButton (click)="show.set(!show())">Toggle</button>
<bui-loading-overlay [show]="show()" message="Saving…">…content…</bui-loading-overlay>

Prop	Type	Default	Description
`show`	`boolean`	`false`	Whether the loading veil is shown over the projected content.
`message`	`string`	`''`	Text shown beneath the spinner; defaults to "Loading…" when empty.
`blur`	`boolean`	`true`	Whether the veil blurs the content behind it.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.