Game Panel
The shell for a casino original, from parts: the game's stage, the controls that set up a bet, the actions that play it, and a footer. Fields, rows of fields, modes and stats drop into it for any game. It stacks in a narrow space and splits into a sidebar on either side of the stage when it has the room, by container query. Locking it for a round holds the controls and leaves the actions live.
- Built on
- Segmented Control
One panel, any game
Swap the game and the sidebar's side; the panel stays the same. Each game brings its stage and its own fields, and the amount, mode and autobet options (number of bets, on win, on loss, stop on profit and loss) are shared parts. Start an autobet and the controls hold while the stop button stays live.
Dice
Stage, mode, amount and a bet button with the profit under it. The odds come from the RTP; type into the stats and the track follows. Start an autobet and the controls hold while the stop button stays live.
Plinko
No mode, so it only bets manually. The board is a PlinkoBoard whose slots show the profit at your stake; risk and rows are ordinary controls side by side in a row of fields.
Keno
A KenoGrid and its paytable on the stage. The draw locks the panel, and the fieldset disables Auto Pick and Clear Table with it.
Mines
Bet becomes Cash out once the round starts. The amount, board size and mine count lock for the round; cash out and random pick stay live in the actions.
Blackjack at phone width
In a narrow column the panel stacks: stage, then the moves under it, then the amount. Mid-hand the amount is held and the moves stay live.
pnpm dlx shadcn@latest add https://betui.fyi/r/game-panel.json