Documentation

LocatorBar

原版定位条与 9×9 方向点位。

import { LocatorBar } from "./index";

export function LocatorBarDemo() {
  return <LocatorBar arrow="up" dots={[{ color: "#ff5555", x: -0.4 }, { color: "#55ff55", kind: "1", x: 0.3 }]} />;
}

Install

CLI copy

$npx shadcn add @tennantite/locator-bar

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/locator-bar/index.tsx

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