Engram

Currency bar

component

A row of account currencies/materials — the header strip showing Glimmer, Bright Dust, mats, etc. A thin wrapper that lays CostChips in a wrapping row; the consumer supplies the values from the profile's currency components.

Install

npx shadcn@latest add @engram/currency-bar

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

Example

184,320Glimmer4,210Bright Dust12Ascendant Shards0Spoils of Conquest

Props

PropTypeDefaultDescription
currencies*CostProps[]The currencies/materials to display (Glimmer, Legendary Shards, …).
sizenumber16Icon size for each chip (px).

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.