Documentation

EioExperienceBar

Ender IO soul binder experience bar: 65×5 vanilla HUD bar with a green level number.

import { gui } from "@tennantite/ui";

import { EioExperienceBar } from "./index";

export function EioExperienceBarDemo() {
  return (
    <div style={{ height: gui(16), position: "relative", width: gui(65) }}>
      <EioExperienceBar left={0} level={30} progress={0.6} top={8} />
    </div>
  );
}

Install

$pnpm add @tennantite/enderio

npm installs the compiled package; use the CLI copy above to adapt the source.

Source

packages/enderio/src/eio-experience-bar/index.tsx

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