Documentation
StonecutterScreen
176×166 切石机界面与配方列表。
切石机
import { StonecutterScreen } from "./index";
/**
* StonecutterScreen 预览用例(规格 §6.2):石头 → 石砖
*/
export function StonecutterScreenDemo() {
return (
<StonecutterScreen
input={{ count: 1, icon: "stone-block", tooltip: "石头" }}
output={{ count: 1, icon: "stone-bricks", tooltip: "石砖" }}
recipes={[
{ icon: { count: 1, icon: "stone-bricks", tooltip: "石砖" }, id: "stone_bricks" },
]}
selectedRecipe="stone_bricks"
title="切石机"
/>
);
}
Install
CLI copy
$npx shadcn add @tennantite/stonecutter-screennpm install
$pnpm add @tennantite/uinpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/ui/src/screens/containers/stonecutter-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.