s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Feedback and overlays

LoadingOverlay

Loading Overlay Component A generic full-screen loading overlay for any async operation. Shows progress, completed items, and error states.

Public export

typescript 
import { LoadingOverlay } from '@happyvertical/smrt-ui/feedback';
Import path
@happyvertical/smrt-ui/feedback
Props
8
Props described
8 of 8
Bindable state
0
Callback events
1
Verified release
0.44.0

Props

NameTypeRequiredDescription
showbooleanNoWhether to show the overlay
messagestringNoLoading message to display
progressnumberNoProgress percentage (0-100)
itemsstring[]NoList of completed items
error{ message: string; } | nullNoError object with message
dismissiblebooleanNoAllow dismissing the overlay
classstringNoCustom CSS class
ondismiss() => voidNoCallback when dismissed

Bindable state

This component has no bindable public state.

Callback events

  • ondismiss() => void

Examples and explanation

Feedback & Overlays Run the canonical package-owned example in the Playground. UI showcase Read the curated UI story for mechanism and usage guidance. smrt-ui package reference See package status, version, limitations, and all public subpaths.