Documentation

EioProgresses

EIO progress list: one sprite per layout entry sharing a progress value.

import { EIO_MACHINES } from "../eio-machine-layout";
import { EioProgresses } from "./index";

export function EioProgressesDemo() {
  return (
    <div className="relative h-[80px] w-[176px]">
      <EioProgresses
        label="合金炉进度"
        labels={["合金炉进度 1", "合金炉进度 2"]}
        progress={0.5}
        progresses={EIO_MACHINES.alloySmelter.progresses}
      />
    </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-progresses/index.tsx

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