Data Display
Stat
Label/value pairs and hero numbers — society facts, balance, life stage and age.
Source captures·from the SEED early-access trailer
Label / value
Muted label over a white value, with optional info hint and leading indicator.
Online / All Cultivators
5 / 13
Seedling Population
17
Development
City
Claimable Plots
2
Open Jobs
23
Average Daily Wage
36
Real Estate Market
0 sale · 0 rent
Sizes
Small
1,079
Default
1,079
Large
1,079
Hero
1,079
Hero stat & trend
Balance
24,011
Balance+2.2%
24,011
Reversed — life stage
Number above its label, as on the development overview.
Age 18 - 21
Young Adult I
18
4 years left
In context
The selected-society card on the world map.
AdvocatesCity · 17 Seedlings
Online / All Cultivators
5 / 13
Seedling Population
17
Development
City
Claimable Plots
2
Advocates unite
Announcement
Focus on the objectives.
API
| Prop | Type | Default | Description |
|---|---|---|---|
| label / value | ReactNode | — | |
| size | "sm" | "default" | "lg" | "hero" | "default" | |
| info | boolean | string | — | Adds an ⓘ after the label. |
| leading / trailing | ReactNode | — | Around the value (dot, coin, badge). |
| reverse | boolean | false | Value above label. |
| StatGrid.columns | 1 | 2 | 3 | 4 | 2 | |
| HeroStat.icon / badge | ReactNode | — | |
| TrendBadge.value | number | — | Signed change; picks up/down styling. |