Documentation
SmokerScreen
176×166 烟熏炉界面。
烟熏炉
import { SmokerScreen } from "./index";
interface SmokerScreenDemoProps {
burnProgress?: number;
cookProgress?: number;
}
/**
* SmokerScreen 预览用例(规格 §6.2):土豆 → 烤土豆
*/
export function SmokerScreenDemo({ burnProgress = 0.3, cookProgress = 0.7 }: SmokerScreenDemoProps = {}) {
return (
<SmokerScreen
burnProgress={burnProgress}
cookProgress={cookProgress}
fuel={{ count: 3, icon: "charcoal", tooltip: "木炭" }}
input={{ count: 1, icon: "potato", tooltip: "土豆" }}
output={{ count: 1, icon: "baked-potato", tooltip: "烤土豆" }}
title="烟熏炉"
/>
);
}
Install
CLI copy
$npx shadcn add @tennantite/smoker-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/smoker-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.