Documentation
IfMachineScreen
IF machine base: 227×184 root (176×184 Titanium background + right augment / tank panels + left donation badge) over 48 layout presets.
溶解成型机
import { IfMachineScreen } from "./index";
interface IfMachineScreenDemoProps {
energy?: { max: number; value: number };
progress?: Record<string, number>;
}
export function IfMachineScreenDemo({
energy = { max: 1000, value: 620 },
progress = { bar: 0.45 },
}: IfMachineScreenDemoProps = {}) {
return (
<IfMachineScreen
energy={energy}
fluids={{
input_fluid: { max: 1000, tint: "#41CD34", value: 480 },
output_fluid: { max: 1000, tint: "#B24CD8", value: 260 },
}}
machine="dissolutionChamber"
progress={progress}
/>
);
}
Install
$pnpm add @tennantite/industrialforegoingnpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/industrialforegoing/src/if-machine-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.