Documentation
BrewingStandScreen
Fuel / ingredient / three bottle slots with bubble and arrow clipping progress.
酿造台
import { BrewingStandScreen } from "./index";
interface BrewingStandScreenDemoProps {
brewProgress?: number;
fuelProgress?: number;
}
/**
* BrewingStandScreen 预览用例(规格 §6.2)
*/
export function BrewingStandScreenDemo({ brewProgress = 0.6, fuelProgress = 0 }: BrewingStandScreenDemoProps = {}) {
return (
<BrewingStandScreen
blazeFuel={{ count: 20, icon: "blaze-powder", tooltip: "烈焰粉" }}
bottles={[{ icon: "potion", tooltip: "水瓶" }, null, { icon: "potion", tooltip: "水瓶" }]}
brewProgress={brewProgress}
fuelProgress={fuelProgress}
ingredient={{ icon: "nether-wart", tooltip: "地狱疣" }}
title="酿造台"
/>
);
}
Install
CLI copy
$npx shadcn add @tennantite/brewing-stand-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/brewing-stand-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.