Skip to content

SusRewardsScreenContent

SusRewardsScreenContent

Post-match rewards — title/subtitle, scrollable reward rows (SetRewards), Claim ↔ Continue toggle via Claimed.

Package

SusGame · Screens (commercial)

Open in Playground

SusGame · Screens

Props

NameTypeDefault
TitleProp<string>"Rewards"
SubtitleProp<string>""
ClaimedProp<bool>false
ClaimLabelProp<string>"Claim all"
ContinueLabelProp<string>"Continue"

Slots

No slots.

Events

NameFieldPayload
ClaimClickedOnClaimClicked
ContinueClickedOnContinueClicked
RewardClickedOnRewardClickedstring

Style hooks

USS class contract — override appearance without touching C#. States toggle via these classes:

  • sus-flow-panel--w320
  • sus-flow-panel--w360
  • sus-flow-panel--w380
  • sus-icon
  • sus-rewards-screen
  • sus-rewards-screen__icon
  • sus-rewards-screen__item
  • sus-rewards-screen__item--epic
  • sus-rewards-screen__item--legendary
  • sus-rewards-screen__item--rare
  • sus-rewards-screen__list
  • sus-rewards-screen__meta
  • sus-rewards-screen__name
  • sus-rewards-screen__panel
  • sus-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 / APIRole
Title / SubtitleBanner + optional hint (empty subtitle → hidden)
ClaimedHides Claim, shows Continue
ClaimLabel / ContinueLabelButton labels
SetRewards(List<RewardItem>)Rows: Id/Name/Icon/Quantity/Rarity
OnClaimClicked / OnContinueClickedParameterless actions
OnRewardClickedAction<string> row id
ClaimBtn / ContinueBtn / RewardsHostBuilt hosts

Notes

  • Rarity class: sus-rewards-screen__item--{rarity} (common default; also rare/epic/legendary styled).
  • Claim button already invokes OnClaimClicked in constructor; Continue likewise.
  • Present in SusGame pin — nested RewardItem is real.