Shop Item

shop-item

EconomyBetacomponent

A merchant item card with price, stock, owned, and sold-out states.

npx shadcn@latest add @gamecn/shop-item

Live Preview

Rendered with the component style selected in the top-right selector.

Frame

Scale100%

Restores mana and clears one minor debuff.

320 goldStock 4

Examples

Basic setup, game-state usage, and customization paths.

Install Shop Item and render it with the default GameCN treatment.

npx shadcn@latest add @gamecn/shop-item

import { ShopItem } from '@/components/ui/shop-item'

Use Shop Item with richer game-state data such as variants, empty states, compact density, or critical states.

<ShopItem
  className="max-w-md"
/>

Swap artwork, tune tokens, and wire the installed copy to your live game state.

<ShopItem
  iconSrc="/game-assets/shop-item.png"
/>