SusLoadingScreenContent

Full-bleed loading — brand banner, spinner and/or linear bar, message + optional subline.
Package
SusGame · Screens (commercial)
Props
| Name | Type | Default | |
|---|---|---|---|
BrandText | Prop<string> | "" | |
Message | Prop<string> | "Loading..." | |
SubMessage | Prop<string> | "" | |
Progress | Prop<float> | 0f | |
ShowSpinner | Prop<bool> | true |
Slots
No slots.
Events
No public events.
Style hooks
USS class contract — override appearance without touching C#. States toggle via these classes:
sus-banner__bodysus-banner__textsus-loading-screensus-loading-screen__barsus-loading-screen__brandsus-loading-screen__indicatorsus-loading-screen__messagesus-loading-screen__sub
Usage
xml
<template>
<sus:SusLoadingScreenContent
:BrandText="Brand.Value"
:Message="Msg.Value"
:SubMessage="Sub.Value"
:Progress="Prog.Value"
:ShowSpinner="Spin.Value"
/>
</template>
<script>
public Prop<string> Brand = new("My Game");
public Prop<string> Msg = new("Loading...");
public Prop<string> Sub = new("");
public Prop<float> Prog = new(0.35f); // 0…1; <0 = indeterminate
public Prop<bool> Spin = new(true);
</script>csharp
var loading = new SusLoadingScreenContent();
loading.BrandText.Value = "My Game";
loading.Message.Value = "Connecting…";
loading.SubMessage.Value = "Region EU";
loading.Progress.Value = 0.4f; // shows linear bar
loading.Progress.Value = -1f; // indeterminate → spinner if ShowSpinner
loading.ShowSpinner.Value = true;| Prop / API | Role |
|---|---|
BrandText | Top banner; empty → hidden |
Message | Primary label |
SubMessage | Secondary label; empty → hidden |
Progress | 0…1 → bar %; < 0 → indeterminate mode |
ShowSpinner | When indeterminate, show circular spinner |
BrandBanner | Built banner host |
Notes
- Determinate path clamps
Progressto 0…1 and maps to bar 0…100. - Indeterminate hides the bar; spinner visibility also needs
ShowSpinner=true. - Distinct from kit
MigratedLoadingScreen(different package / props).