Equipment Slot

equipment-slot

InventoryReadycomponent

An equipment slot display for character loadouts and gear panels.

npx shadcn@latest add @gamecn/equipment-slot

Live Preview

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

Frame

Scale100%

Weapon

Ember Pike

Armor

Ashguard Mail

Relic

Empty

Examples

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

Install Equipment Slot and render it with the default GameCN treatment.

npx shadcn@latest add @gamecn/equipment-slot

import { EquipmentSlot } from '@/components/ui/equipment-slot'

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

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

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

<EquipmentSlot
  iconSrc="/game-assets/equipment-slot.png"
/>