Stat bar
atomA labeled stat row: name, segmented bar, and value (Destiny stat block).
Install
npx shadcn@latest add @engram/stat-barRegistry item: /r/stat-bar.json — the machine-readable definition agents install from.
Example
Impact
84
Range
46
Stability
55
Props
| Prop | Type | Default | Description |
|---|---|---|---|
stat* | StatProps | — | — |
max | number | — | Bar maximum; defaults to the stat's max, then 100. |
color | string | "var(--engram-bar)" | Fill color (any CSS color, e.g. a token var). Defaults to a light fill. |
className | string | — | — |
Composition
pulled in on install- stat-baratom
- segmented-baratom
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.