Documentation

FdHeatIndicator

FD heat indicator: 17×15 flame from cooking_pot.png (176,0); when unheated only the hotspot and its tooltip remain.

import { FdHeatIndicator } from "./index";

export function FdHeatIndicatorDemo() {
  return (
    <div className="relative h-12 w-24">
      <FdHeatIndicator heated />
      <FdHeatIndicator heated={false} left={24} />
    </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-heat-indicator/index.tsx

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