krunker-ui
v1.0.0-alpha.7
Published
React Components for Krunker
Downloads
3
Readme
Krunker UI
React Components for Krunker
Features
- Developed for and supports NodeJS v12 (CommonJS)
- Easy API
- Highly Tested
Usage
Add the global types for Krunker. This makes your code aware of
window.windows
,playSound()
, and other features.env.d.ts:
/// <reference types="krunker-ui/window" />
Import the components
import { Switch } from "krunker-ui/components/Switch"; function MyInterface() { const [unlimitedFPS, setUnlimitedFPS] = useConfig("unlimitedFPS"); return ( <Switch title="Unlimited FPS" description="Disables the FPS limit" defaultChecked={unlimitedFPS} onChange={(event) => { setUnlimitedFPS(event.currentTarget.checked); alert("Client will now restart"); ipcRenderer.send("restart"); }} /> ); }
Render your interface in a window:
(This is subject to change)
import { createRenderContainer } from "krunker-ui/container"; const html = createRenderContainer(() => <MyInterface />); const window: GameWindowRender = { header: "", label: "", width: 1100, popup: true, sticky: true, forceScroll: true, gen: () => html, }; const id = windows.length; windows.push(window); // ... // Show the window showWindow(id);