Documentation
EioSoulBinderScreen
Ender IO soul binder (176×166): soul / material inputs, two outputs, 24×17 horizontal progress, 65×5 experience bar and 9×42 energy bar.
30
import { EIO_DEMO_GOLD_INGOT, EIO_DEMO_IRON_INGOT, EIO_DEMO_SOUL_VIAL } from "../eio-demo-data";
import { EioSoulBinderScreen } from "./index";
/**
* 灵魂绑定器预览:灵魂瓶 + 铁锭 → 金锭 ×2,进度 45%,经验 30 级 60%。
*/
export function EioSoulBinderScreenDemo() {
return (
<EioSoulBinderScreen
energy={{ max: 100000, value: 48000 }}
experience={{ level: 30, progress: 0.6 }}
inputOther={EIO_DEMO_IRON_INGOT}
inputSoul={EIO_DEMO_SOUL_VIAL}
onRedstoneChange={() => {}}
onSlotClick={() => {}}
outputs={[EIO_DEMO_GOLD_INGOT, EIO_DEMO_GOLD_INGOT]}
progress={0.45}
state="active"
/>
);
}
Install
$pnpm add @tennantite/enderionpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/enderio/src/eio-soul-binder-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.