Skip to content
Tennantite
中文
Documentation

BeaconScreen

230×219 beacon panel with 5 primary / 1 secondary effect buttons, payment material row, payment slot and confirm / cancel buttons.

Full-screen previewPreview pages are excluded from search indexes
主效果辅助效果

Composition

These are the composable components; the Block only places them at vanilla coordinates.

Code

import { BeaconScreen } from "./index";

/**
 * BeaconScreen 预览用例(规格 §6.2):原版 5 主效果 + 辅助效果(生命恢复)。
*/
export function BeaconScreenDemo() {
  return (
    <BeaconScreen
      payment={{ count: 1, icon: "diamond", tooltip: "钻石" }}
      primaryOptions={[
        { icon: "effect-speed", id: "speed", label: "速度" },
        { icon: "effect-haste", id: "haste", label: "急迫" },
        { icon: "effect-resistance", id: "resistance", label: "抗性提升" },
        { icon: "effect-jump boost", id: "jump_boost", label: "跳跃提升" },
        { icon: "effect-strength", id: "strength", label: "力量" },
      ]}
      secondaryOptions={[
        { icon: "effect-regeneration", id: "regeneration", label: "生命恢复" },
      ]}
    />
  );
}