SusSquadCard

Roster / shop squad tile — cover image, optional icon, name and short description.
Package
SusGame · Molecules (commercial)
Props
| Name | Type | Default | |
|---|---|---|---|
Image | Prop<string> | "" | |
Icon | Prop<string> | "" | |
SquadName | Prop<string> | "" | |
Description | Prop<string> | "" | |
ImageSize | Prop<int> | 180 | |
IconSize | Prop<int> | 40 |
Slots
No slots.
Events
No public events.
Style hooks
USS class contract — override appearance without touching C#. States toggle via these classes:
sus-squad-cardsus-squad-card__descsus-squad-card__iconsus-squad-card__imagesus-squad-card__membersus-squad-card__member-iconsus-squad-card__member-namesus-squad-card__memberssus-squad-card__members--has-contentsus-squad-card__metasus-squad-card__namesus-squad-card__statsus-squad-card__statssus-squad-card__stats--has-contentsus-squad-card__texts
Usage
Drive media keys through SusGameMedia (Image / Icon). Call RefreshMedia() after late prop bind or after project media hooks wire up.
csharp
var card = new SusSquadCard();
card.SquadName.Value = "Vanguard";
card.Description.Value = "Front-line breach squad";
card.Image.Value = "squads/vanguard";
card.Icon.Value = "shield";
card.ImageSize.Value = 180;
card.IconSize.Value = 40;
// card.RefreshMedia(); // after SusTableMedia / late bindxml
<template>
<sus:SusSquadCard :Image="Img.Value"
:Icon="Icon.Value"
:SquadName="Name.Value"
:Description="Desc.Value"
:ImageSize="ImgSize.Value"
:IconSize="IcoSize.Value" />
</template>
<script>
public Prop<string> Img = new("squads/vanguard");
public Prop<string> Icon = new("shield");
public Prop<string> Name = new("Vanguard");
public Prop<string> Desc = new("Front-line breach squad");
public Prop<int> ImgSize = new(180);
public Prop<int> IcoSize = new(40);
</script>| Prop / API | Role |
|---|---|
SquadName | Display title (not Name — avoids shadowing VisualElement.name) |
Description | Secondary text under the title |
Image | Catalog image key (SusGameMedia); preferred over Icon for the cover |
Icon | Icon-set key; also used as cover fallback when Image is empty |
ImageSize | Cover paint size (default 180) |
IconSize | Meta icon size (default 40) |
RefreshMedia() | Re-apply image/icon after late bind / media hooks |
Notes
- Empty until you set
SquadName/ media keys — intentional for identity shots. - Prefer hosting in roster / shop lists; not a HUD combat card (see SusHudUnitCard / SusUnitCard).