Overlays & Feedback
Context Menu
World object menus: header with icon, primary actions with progress, submenus and inline quantity.
Source captures·from the SEED early-access trailer
Object menu
Header with the object’s art, an action with live progress, a separator and a drill-in row.
TreeHarvests: 3
Item with quantity
A raised title box, an inline stepper for how many to pick up, and a highlighted suggested action.
Outdoor Red Hammock
Pick Up
3
Status row & submenu
A status line with a badge, then a submenu of card options. Insufficient stock turns red.
Farming FieldEnduring Greenhollow
No Seeds AssignedIdle
Container menu
Storage objects add a ⋮ action in the header.
Tomato pileEnduring Greenhollow
Right-click menu
The same pieces wired to a Radix ContextMenu: right-click (or long-press) a target. Arrow keys move, → opens the seed submenu.
Right-click the tree or the field.
API
| Prop | Type | Default | Description |
|---|---|---|---|
| ObjectMenuHeader | { icon, title, subtitle, action, variant } | — | variant "raised" boxes the title. |
| ObjectMenuItem.value | ReactNode | — | Right-aligned value, green by default (valueTone). |
| ObjectMenuItem.chevron | boolean | — | Marks a row that drills in or opens a submenu. |
| ObjectMenuItem.emphasis | "default" | "raised" | "default" | |
| ObjectMenuStatus | { icon, badge, children } | — | |
| ObjectMenuQuantity | { value, onValueChange, min, max } | — | |
| ObjectMenuOption | { icon, title, subIcon, subtitle, value, insufficient } | — | |
| WorldContextMenu* | Radix ContextMenu parts | — | Root, Trigger, Content, Item, Sub, SubTrigger, SubContent, Option, Separator. |