GameCNComponents
Quest Log
A quest progress component with steps, location, completion state, and rewards.
Quest Log
quest-log
CardsReadycomponent
Quest progress panel with steps, location, completion state, and rewards.
npx shadcn@latest add @gamecn/quest-logLive Preview
Rendered with the component style selected in the top-right selector.
Frame
Scale100%
Signal Lost
Ashline Bridge
- Recover the broken signal beacon
- Clear bridge sentries
- Extract before storm lock
Reward: 780 XP + Ember Cache
Examples
Basic setup, game-state usage, and customization paths.
Basic
Install Quest Log and render it with the default GameCN treatment.
npx shadcn@latest add @gamecn/quest-logimport { QuestLog } from '@/components/ui/quest-log'Advanced
Use Quest Log with richer game-state data such as variants, empty states, compact density, or critical states.
<QuestLog
className="max-w-md"
/>Customization
Swap artwork, tune tokens, and wire the installed copy to your live game state.
<QuestLog
iconSrc="/game-assets/quest-log.png"
/>