Documentation

IfEnergyBar

IF energy bar: 18×56 frame at (10,20) with a 12×50 red fill rising from the bottom.

import { IfEnergyBar } from "./index";

export function IfEnergyBarDemo() {
  return (
    <div className="relative h-40 w-32">
      <IfEnergyBar max={1000} value={620} />
    </div>
  );
}

Install

$pnpm add @tennantite/industrialforegoing

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

Source

packages/industrialforegoing/src/if-energy-bar/index.tsx

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