Data Display
Badge
Compact status labels — Done, Untreated, Plenty, Neutral, level and count badges.
Source captures·from the SEED early-access trailer
Variants
DonePlentyUntreatedModerateIdleNeutralCapacityExpedition
Sizes
Lvl 1Lvl 3Your Society1 New
Count badges & status dots
Counts sit on the corner of icon buttons; dots show presence or unread state.
39+9+ 5 / 13 online Money out Unread
In context
FoodPlenty
LumberModerate
ExtractionDone
Muscle StrainUntreated
API
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "success" | "plenty" | "danger" | "warning" | "info" | "light" | "muted" | "outline" | "light" | |
| size | "sm" | "default" | "lg" | "default" | |
| CountBadge.count | number | — | Shows `max+` when above `max` (default 9). |
| StatusDot.tone | "green" | "red" | "blue" | "orange" | "gray" | "green" |