Artifact perk
componentA seasonal-artifact perk tile — one square cell of the in-game artifact grid: teal-filled when the perk is active, teal-outlined when it's unlocked but unpicked, and dimmed while its tier is still locked.
Install
npx shadcn@latest add @engram/artifact-perkRegistry item: /r/artifact-perk.json — the machine-readable definition agents install from.
Example
Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | ImageRef | — | The perk glyph (the perk item definition's icon). |
name* | string | — | Perk name — the accessible label. |
state | ArtifactPerkState | "unlocked" | `active` = picked (teal fill), `unlocked` = available (teal outline), `locked` = not yet reachable (dimmed). |
size | number | 48 | Pixel size (square). |
popup | ReactNode | — | Inspect content revealed on hover (e.g. a ). |
onPick | () => void | — | Fired on click (toggle/pick the perk). |
Composition
pulled in on install- artifact-perkcomponent
- 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.