Documentation

FdCookingProgress

FD cooking progress: 24×17 arrow from cooking_pot.png (176,15) filling left to right along a 25 px track.

import { FdCookingProgress } from "./index";

export function FdCookingProgressDemo() {
  return (
    <div className="relative h-16 w-40 bg-mc-panel-overlay">
      <FdCookingProgress left={0} progress={0.35} top={0} />
      <FdCookingProgress left={40} progress={1} top={0} />
    </div>
  );
}

Install

$pnpm add @tennantite/farmersdelight

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

Source

packages/farmersdelight/src/fd-cooking-progress/index.tsx

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