Cost chip

atom

A currency/cost token: an amount + its currency icon. Used for vendor costs, build/material requirements, and rewards.

Install

npx shadcn@latest add @engram/cost-chip

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

Example

184,320

4,210

Props

Prop	Type	Default	Description
`size`	`number`	`16`	Icon size in px.
`className`	`string`	`—`	—
`icon`	`ImageRef`	`—`	Currency or item icon.
`amount`*	`number`	`—`	Quantity.
`name`	`string`	`—`	Currency / item name (accessibility + tooltip).
`affordable`	`boolean`	`true`	Whether the player can afford it — dims/flags when false.

Composition

pulled in on install

cost-chipatom
- bungie-imageatom

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.