Documentation

HopperScreen

176×133 漏斗界面，5 槽 + 2 行背包。

import { HopperScreen } from "./index";

export function HopperScreenDemo() {
  return <HopperScreen items={[{ count: 64, icon: "stone-block" }, null, null, null, { icon: "diamond" }]} />;
}

Install

CLI copy

$npx shadcn add @tennantite/hopper-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/hopper-screen/index.tsx

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