Skip to content

SusSquadCard

SusSquadCard

Roster / shop squad tile — cover image, optional icon, name and short description.

Package

SusGame · Molecules (commercial)

Open in Playground

SusGame · Molecules

Props

NameTypeDefault
ImageProp<string>""
IconProp<string>""
SquadNameProp<string>""
DescriptionProp<string>""
ImageSizeProp<int>180
IconSizeProp<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-card
  • sus-squad-card__desc
  • sus-squad-card__icon
  • sus-squad-card__image
  • sus-squad-card__member
  • sus-squad-card__member-icon
  • sus-squad-card__member-name
  • sus-squad-card__members
  • sus-squad-card__members--has-content
  • sus-squad-card__meta
  • sus-squad-card__name
  • sus-squad-card__stat
  • sus-squad-card__stats
  • sus-squad-card__stats--has-content
  • sus-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 bind
xml
<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 / APIRole
SquadNameDisplay title (not Name — avoids shadowing VisualElement.name)
DescriptionSecondary text under the title
ImageCatalog image key (SusGameMedia); preferred over Icon for the cover
IconIcon-set key; also used as cover fallback when Image is empty
ImageSizeCover paint size (default 180)
IconSizeMeta 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).