Perk popup

component

The weapon-perk inspect flyout — the in-game trait tooltip, the weapon counterpart to ModPopup.

Install

npx shadcn@latest add @engram/perk-popup

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

Example

Attrition Orbs

Enhanced Trait

Dealing sustained damage creates a slightly improved Orb of Power.

Enhancement

Improves ability energy gains.

Rangefinder

Trait

Aiming down sights increases effective range and zoom magnification.

Props

Prop	Type	Default	Description
`footer`	`ReactNode`	`—`	Action buttons (e.g. a Select button).
`className`	`string`	`—`	—
`name`*	`string`	`—`	—
`subtitle`	`string`	`—`	Perk category line, e.g. "Trait", "Enhanced Trait", "Barrel", "Magazine", "Origin Trait".
`enhanced`	`boolean`	`—`	An enhanced trait — shows the gold ▲ beside the subtitle and tints it gold.
`description`	`string`	`—`	The perk's effect description.
`enhancement`	`string`	`—`	For enhanced traits: the bonus the enhancement adds — the gold "⬆ ENHANCEMENT" block (e.g. "Improves ability energy gains.").

Composition

pulled in on install

perk-popupcomponent
- 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.