GameCN
Components

Game Button

A sharp command button for RPG actions, menus, and combat UI.

Game Button

game-button

FoundationReadycomponent

A command button for actions, menus, and combat controls.

npx shadcn@latest add @gamecn/game-button
Live Preview
Rendered with the component style selected in the top-right selector.
Frame
Scale100%
Examples
Basic setup, game-state usage, and customization paths.

Basic

Install Game Button and render it with the default GameCN treatment.

npx shadcn@latest add @gamecn/game-button
import { GameButton } from '@/components/ui/game-button'

Advanced

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

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

Customization

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

<GameButton
  iconSrc="/game-assets/game-button.png"
/>