Mod slot

component

One armor mod socket: a square plug with its energy-cost pip in the corner, or an empty "+" placeholder.

Install

npx shadcn@latest add @engram/mod-slot

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

Example

Props

Prop	Type	Default	Description
`plug`	`PlugProps`	`—`	The inserted armor mod; omit for an empty socket.
`energyCost`	`number`	`—`	Energy cost — shown as a small pip in the corner.
`empty`	`boolean`	`false`	Force the empty placeholder.
`onPick`	`() => void`	`—`	Fired when the socket is clicked (open the plug picker).
`popup`	`ReactNode`	`—`	Inspect content shown on hover (e.g. a ). When set, the socket becomes the trigger of an .
`size`	`number`	`44`	Pixel size.
`selected`	`boolean`	`false`	—

Composition

pulled in on install

mod-slotcomponent
- bungie-imageatom
- item-hover-cardcomponent

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.