Documentation
IfBioreactorScreen
IF bioreactor: 3×3 input, water / biofuel tanks and a yellow efficiency bar.
生物质炉
8
8
import { useState } from "react";
import { IF_DEMO_FLUIDS, IF_DEMO_ITEMS } from "../if-demo-data";
import { IfBioreactorScreen } from "./index";
export function IfBioreactorScreenDemo() {
const [isLocked, setIsLocked] = useState(false);
return (
<IfBioreactorScreen
biofuel={IF_DEMO_FLUIDS.biofuel}
efficiency={0.72}
energy={{ max: 1000, value: 850 }}
inputs={[IF_DEMO_ITEMS.wheat, IF_DEMO_ITEMS.apple, IF_DEMO_ITEMS.wheat]}
isLocked={isLocked}
onLockChange={setIsLocked}
progress={0.55}
water={IF_DEMO_FLUIDS.water}
/>
);
}
Install
$pnpm add @tennantite/industrialforegoingnpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/industrialforegoing/src/if-bioreactor-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.