Engram

Plug picker

component

A grid of selectable plugs — the picker body for swapping a mod, perk, aspect, or fragment.

Install

npx shadcn@latest add @engram/plug-picker

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

Example

Combat
Utility

Props

PropTypeDefaultDescription
options*PlugPickerOption[]
selectednumberHash of the currently selected plug.
onSelect(option: PlugPickerOption) => void
groupBy(option: PlugPickerOption) => string | undefinedGroup options under headers (defaults to each option's `group`).
kind"perk" | "mod""mod"Perks render as circles, mods as squares.
sizenumber48Pixel size per option.

Composition

pulled in on install

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.