<baht-loading-overlay>

Full-viewport loading scrim with a centered spinner (0.4 ink scrim, same as <baht-modal>’s). Controlled: the host flips open — e.g. from an in-flight HTTP request counter.

Open / close

Show for 2s

openlabel

HTMLReactAngular

Copy

<baht-button id="show-btn">Show for 2s</baht-button>
<baht-loading-overlay id="my-overlay" label="Loading"></baht-loading-overlay>

<script>
  const overlay = document.getElementById('my-overlay');
  document.getElementById('show-btn').addEventListener('click', () => (overlay.open = true));
  setTimeout(() => (overlay.open = false), 2000);
</script>

Props

Name	Type	Default	Description
open	boolean	false	Host controls visibility (reflects to attribute)
label	string	'Loading'	Spinner aria-label