Documentation

CrafterScreen

176×166 合成器界面，3×3 网格与红石状态。

合成器

import { CrafterScreen } from "./index";

/**
 * CrafterScreen 预览用例（规格 §6.2）：4 木板 2×2 → 工作台
*/
export function CrafterScreenDemo() {
  return (
    <CrafterScreen
      items={[
        { count: 1, icon: "oak-planks" },
        { count: 1, icon: "oak-planks" },
        null,
        { count: 1, icon: "oak-planks" },
        { count: 1, icon: "oak-planks" },
        null,
        null,
        null,
        null,
      ]}
      output={{ count: 1, icon: "crafting-table", tooltip: "工作台" }}
      powered
      title="合成器"
    />
  );
}

Install

CLI copy

$npx shadcn add @tennantite/crafter-screen

npm install

$pnpm add @tennantite/ui

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

Source

packages/ui/src/screens/containers/crafter-screen/index.tsx

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