Documentation

FdSprite

FD sprite: crops cooking_pot / fd_icons at 1 source px = 1 GUI px.

import { FdSprite } from "./index";

export function FdSpriteDemo() {
  return (
    <div className="relative size-64">
      <FdSprite crop={{ height: 166, width: 176, x: 0, y: 0 }} name="cooking_pot" />
    </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-sprite/index.tsx

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