Component

HUD

A frosted, centered HUD card that shows a spinner, checkmark, error, or info icon with an optional label. Parent code controls when it opens, which variant shows, and when it closes.

Standalone

hud.tsx

<NativeHud open={open} variant="loading" label="Loading..." />

Example

After save, parent state flips the HUD from loading to success, then clears it after a short delay.

hud-example.tsx

<NativeHud
  open={busy}
  variant={status === "success" ? "success" : "loading"}
  label={status === "success" ? "Done" : "Saving..."}
/>

Capabilities

Prop	Type	Description
openrequired	boolean	-
variant	NativeHudVariant	-
label	string	-