Documentation

IfDyeMixerScreen

IF dye mixer: red / green / blue inputs with three vertical bars and dye switching buttons.

颜料调色器

import { IF_DEMO_ITEMS } from "../if-demo-data";
import { IfDyeMixerScreen } from "./index";

export function IfDyeMixerScreenDemo() {
  return (
    <IfDyeMixerScreen
      blue={{ level: 0.3, slot: IF_DEMO_ITEMS.potion }}
      dyeIndex={12}
      energy={{ max: 1000, value: 520 }}
      green={{ level: 0.6, slot: IF_DEMO_ITEMS.emerald }}
      output={IF_DEMO_ITEMS.diamond}
      progress={0.5}
      red={{ level: 0.9, slot: IF_DEMO_ITEMS.apple }}
    />
  );
}

Install

$pnpm add @tennantite/industrialforegoing

npm installs the compiled package; use the CLI copy above to adapt the source.

Source

packages/industrialforegoing/src/if-dye-mixer-screen/index.tsx

The npm package keeps the source tree, so you can copy and adapt it directly.