SusRewardsScreenContent

Post-match rewards — title/subtitle, scrollable reward rows (SetRewards), Claim ↔ Continue toggle via Claimed.
Package
SusGame · Screens (commercial)
Props
| Name | Type | Default | |
|---|---|---|---|
Title | Prop<string> | "Rewards" | |
Subtitle | Prop<string> | "" | |
Claimed | Prop<bool> | false | |
ClaimLabel | Prop<string> | "Claim all" | |
ContinueLabel | Prop<string> | "Continue" |
Slots
No slots.
Events
| Name | Field | Payload |
|---|---|---|
ClaimClicked | OnClaimClicked | — |
ContinueClicked | OnContinueClicked | — |
RewardClicked | OnRewardClicked | string |
Style hooks
USS class contract — override appearance without touching C#. States toggle via these classes:
sus-flow-panel--w320sus-flow-panel--w360sus-flow-panel--w380sus-iconsus-rewards-screensus-rewards-screen__iconsus-rewards-screen__itemsus-rewards-screen__item--epicsus-rewards-screen__item--legendarysus-rewards-screen__item--raresus-rewards-screen__listsus-rewards-screen__metasus-rewards-screen__namesus-rewards-screen__panelsus-rewards-screen__sub
Usage
xml
<template>
<sus:SusRewardsScreenContent
:Title="Title.Value"
:Subtitle="Sub.Value"
:Claimed="Done.Value"
:ClaimLabel="Claim.Value"
:ContinueLabel="Cont.Value"
/>
</template>
<script>
public Prop<string> Title = new("Rewards");
public Prop<string> Sub = new("Match complete");
public Prop<bool> Done = new(false);
public Prop<string> Claim = new("Claim all");
public Prop<string> Cont = new("Continue");
</script>csharp
var rewards = new SusRewardsScreenContent();
rewards.Title.Value = "Victory loot";
rewards.Subtitle.Value = "+120 XP";
rewards.SetRewards(new List<SusRewardsScreenContent.RewardItem> {
new() { Id = "gold", Name = "Credits", Quantity = 500, Rarity = "common" },
new() { Id = "skin", Name = "Rare skin", Quantity = 1, Rarity = "rare", Icon = "gift" },
});
rewards.OnClaimClicked += () => { rewards.Claimed.Value = true; };
rewards.OnContinueClicked += () => { /* next screen */ };
rewards.OnRewardClicked += id => { /* inspect */ };| Prop / API | Role |
|---|---|
Title / Subtitle | Banner + optional hint (empty subtitle → hidden) |
Claimed | Hides Claim, shows Continue |
ClaimLabel / ContinueLabel | Button labels |
SetRewards(List<RewardItem>) | Rows: Id/Name/Icon/Quantity/Rarity |
OnClaimClicked / OnContinueClicked | Parameterless actions |
OnRewardClicked | Action<string> row id |
ClaimBtn / ContinueBtn / RewardsHost | Built hosts |
Notes
- Rarity class:
sus-rewards-screen__item--{rarity}(commondefault; alsorare/epic/legendarystyled). - Claim button already invokes
OnClaimClickedin constructor; Continue likewise. - Present in SusGame pin — nested
RewardItemis real.