Documentation

AttackIndicator

准星/快捷栏攻击蓄力指示器。

import { AttackIndicator } from "./index";

export function AttackIndicatorDemo() {
  return (
    <div className="flex items-center gap-8">
      <AttackIndicator progress={0.5} />
      <AttackIndicator progress={1} variant="hotbar" />
    </div>
  );
}

Install

CLI copy

$npx shadcn add @tennantite/attack-indicator

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/hud/attack-indicator/index.tsx

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