Cards & Containers
Goal Card
Society goal with progress count, item icon, bar, role chips and a green Done state.
Source captures·from the SEED early-access trailer
Pending and done
Place 1 Electronics Table
0/1
Place 1 Electronics Table.
Adult
Extraction
Done
Set up 2 Small Mineral Extractors for a more efficient extraction of ores.
Partial progress
Shelter for everyone
1/3Build 3 homes so every Seedling has a bed.
Feed the society
29/40Harvest 40 crops from society fields.
AdultFarmer
Collapsible
Done goals get a chevron toggle by default; any goal can opt in with collapsible.
Place 1 Wire Drawer
DonePlace 1 Electronics Table
0/1Place 1 Electronics Table.
In context
The Society Goals tab of the Societies window.
Tier 5City
Tier Progress80%
Current Tier Benefits (3)
PopulationLegislatorCivic Rights
Your society has grown. New tools, roles, and opportunities await.
Place 1 Electronics Table
0/1Place 1 Electronics Table.
Adult
Extraction
DoneSet up 2 Small Mineral Extractors for a more efficient extraction of ores.
Place 1 Wire Drawer
Done
Place 1 Wire Drawer.
Adult
API
| Prop | Type | Default | Description |
|---|---|---|---|
| title | ReactNode | — | |
| description | ReactNode | — | |
| icon | ReactNode | — | Item art beside the description. |
| current / target | number | 0 / 1 | Shown as “0/1” and drives the bar. |
| progress | number | — | Overrides the computed percentage. |
| done | boolean | false | Green card with a Done badge. |
| roles | string[] | — | Role chips; removable when `onRemoveRole` is set. |
| collapsible | boolean | done | Adds the chevron toggle. |
| open / defaultOpen / onOpenChange | Radix Collapsible props | — |