Mod popup

component

The armor-mod inspect flyout — the in-game mod tooltip, the mod counterpart to PlugPopup.

Install

npx shadcn@latest add @engram/mod-popup

Registry item: /r/mod-popup.json — the machine-readable definition agents install from.

Example

Super Mod

General Armor Mod

3Energy Cost

+10 Super

Props

Prop	Type	Default	Description
`footer`	`ReactNode`	`—`	Action buttons (e.g. an Equip / Insert button).
`className`	`string`	`—`	—
`name`*	`string`	`—`	—
`subtitle`	`string`	`—`	Mod category, e.g. "General Armor Mod", "Chest Armor Mod".
`energyCost`	`number`	`—`	Armor energy cost.
`energyIcon`	`ImageRef`	`—`	The energy-cost glyph (the "hammer") shown beside the cost — the "Any Energy Type Cost" stat icon. Falls back to a gold pip when omitted.
`icon`	`ImageRef`	`—`	The mod's icon — shown beside its effect description.
`stats`	`ModStat[]`	`—`	Stat bonuses, e.g. +10 Super.
`description`	`string`	`—`	Effect description.
`note`	`string`	`—`	Info note (the ⓘ line) — e.g. stacking / diminishing-returns text.

Composition

pulled in on install

mod-popupcomponent
- bungie-imageatom
- panelatom

Dependencies

npm

@engram/core

Own the code: shadcn add copies this component's source into your repo to read and edit directly. Extend without forking — edit the source, use asChild to swap the element, or pass the typed annotations prop for curated data.