Cards & Containers

Perk Card

Tall selectable perk card with illustration, name, summary, effects box and radio.

Source captures·from the SEED early-access trailer

Choose a Perk

Cards form a radio group — click or use arrow keys. The primary action unlocks once a perk is chosen.

Your Seedling has satisfied their interest and is ready to choose a new perk!

Used when a perk is shown rather than chosen.

PerkSwift Harvest

Reduces the time required to harvest crops from a field by 25%

Effects

Picks and gathers with a quick, sure hand, clearing a field of ripe crops in record time.

Unselected, selected and disabled options.

Prop	Type	Default	Description
name	ReactNode	—
image	string	—	Illustration URL.
label	ReactNode	"Perk"	Eyebrow above the name.
summary	ReactNode	—	Muted mechanical summary.
effects	ReactNode	—	Flavor text in the Effects box.
PerkOption.value	string	—	Radio value inside PerkCardGroup.
PerkCardGroup.value / onValueChange	Radix RadioGroup props	—