Documentation

IeProgressBars

IE progress bar group clipped per progressBars layout entry.

import { IE_MACHINES } from "../ie-machine-layout";
import { IeProgressBars } from "./index";

export function IeProgressBarsDemo() {
  const layout = IE_MACHINES.arcFurnace.progressBars;
  return (
    <div className="relative size-40">
      <IeProgressBars
        dataAttribute="data-ie-progress"
        layout={layout}
        values={Array.from({ length: layout?.count ?? 0 }, (_, index) => (index + 1) / 12)}
      />
    </div>
  );
}

Install

$pnpm add @tennantite/ie

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

Source

packages/ie/src/ie-progress-bars/index.tsx

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