Game Tabs

game-tabs

NavigationBetacomponent

A framed tab system for loadout panels, quest panes, and settings screens.

npx shadcn@latest add @gamecn/game-tabs

Live Preview

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

Frame

Scale100%

Track Ashline Bridge, recover the signal prism, and extract before storm lock.

Examples

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

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

npx shadcn@latest add @gamecn/game-tabs

import { GameTabs } from '@/components/ui/game-tabs'

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

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

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

<GameTabs
  iconSrc="/game-assets/game-tabs.png"
/>