Documentation

IfTankPanel

Titanium fluid interaction panel at (175,94): bucket input / output slots and a down arrow.

import { IfTankPanel } from "./index";

export function IfTankPanelDemo() {
  return (
    <div className="relative h-48 w-56">
      <IfTankPanel input={{ icon: "potion" }} output={{ icon: "potion" }} progress={0.5} />
    </div>
  );
}

Install

$pnpm add @tennantite/industrialforegoing

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

Source

packages/industrialforegoing/src/if-tank-panel/index.tsx

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