Character stats
componentThe in-game character stat panel: one row per stat — just the stat glyph and a large value, no bars or labels (Destiny shows the six as icon + number).
Install
npx shadcn@latest add @engram/character-statsRegistry item: /r/character-stats.json — the machine-readable definition agents install from.
Example
Props
| Prop | Type | Default | Description |
|---|---|---|---|
stats* | CharacterStatItem[] | — | — |
iconSide | "left" | "right" | "right" | Which side the stat glyph sits on. `"right"` = value then glyph — the in-game character sheet (default). `"left"` = glyph then value — the subclass screen. |
footer | ReactNode | — | Content below a hairline divider — e.g. the equipped subclass emblem or ability-cooldown readouts, as on the in-game panel. |
className | string | — | — |
Composition
pulled in on install- character-statscomponent
- bungie-imageatom
- item-hover-cardcomponent
- stat-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.