Widgets / Image Chat

Image Chat

Drag to select any region of the image. A threaded discussion gets pinned to that region. Ideal for design reviews, bug triage, and creative collaboration.

Tenant · demo
Demo Image
image-chat.tsx
import { useRef } from 'react';
import { FastCommentsImageChatWidget } from 'fastcomments-react';

export default function ImageChat() {
  const ref = useRef<HTMLImageElement>(null);
  return (
    <>
      <img ref={ref} src="/demo.jpg" alt="" />
      <FastCommentsImageChatWidget
        tenantId="demo"
        urlId="gatsby-demo-image-chat"
        targetRef={ref}
      />
    </>
  );
}