Volt
Charge up a percentage and land on multiplier tiers — the higher the charge, the bigger the payout.
Import
import { VoltGameSDK } from '@maktubbet/sdk/volt'
import '@maktubbet/sdk/volt/styles.css'You can also import from the root package:
import { VoltGameSDK } from '@maktubbet/sdk'Usage
'use client'
import { useState } from 'react'
import { VoltGameSDK } from '@maktubbet/sdk/volt'
import '@maktubbet/sdk/volt/styles.css'
export default function VoltPage() {
return (
<VoltGameSDK
accessToken="user-jwt-token"
user={{ betCount: 0, isAuthenticated: true }}
updateBalance={(newBalance) => console.log(newBalance)}
onAuthRequired={() => console.log('Auth required')}
currency={{ code: 'USD', prefix: '$', rate: 1 }}
language="en"
logo={<span>MY LOGO</span>}
onToast={(t) => console.log('Toast:', t.title)}
theme={{
backgroundDark: '#0D1117',
backgroundDarkLight: '#161B22',
inputBackground: '#0D1117',
actionButtonColor: '#1C2333',
buttonColor: '#FFFFFF',
}}
/>
)
}Demo Mode
Demo mode is automatically enabled when a user places a bet with a $0 amount. To run the game entirely client-side without a backend session, pass isDemo — see Demo Mode.
Features
- Phone mockup display — visual percentage charge inside an iPhone frame
- Multiplier tiers — 6 tiers from 0.3x to 50x based on the charged percentage
- Animated progress bar — real-time visual feedback on tier progression
- Autobet — automated consecutive bets
- Theme-aware — phone mockup adapts to the dark background theme
Props
See Shared Props — VoltGameSDK accepts the standard VoltGameSDKProps interface.
| Prop | Type | Required | Default |
|---|---|---|---|
accessToken | string | null | ✅ | — |
user | GameUser | ✅ | — |
updateBalance | (balance: number) => void | ✅ | — |
onAuthRequired | () => void | ✅ | — |
currency | GameCurrency | — | { code: 'USD', prefix: '$', rate: 1 } |
language | string | — | 'en' |
logo | ReactNode | — | — |
onToast | (toast: ToastData) => void | — | — |
theme | GameTheme | — | — |
Last updated on