Documentation

FdHungerOverlay

FD nourishment overlay: ten 9×9 icons over the hunger bar, with plain and gilded (natural healing) icon sets.

import { FdHungerOverlay } from "./index";

export function FdHungerOverlayDemo() {
  return (
    <div className="relative h-12 w-24">
      <FdHungerOverlay foodLevel={4} x={0} y={0} />
      <FdHungerOverlay foodLevel={13} naturalHealing x={0} y={16} />
    </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-hunger-overlay/index.tsx

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