Image

Render an image URL inside a portable Slack or Microsoft Teams message.


Image adds an externally reachable image to a rich message.

import { Image, Message } from "@copilotkit/channels/ui";

<Message>
  <Image
    url="https://example.com/status.png"
    alt="Checkout latency over the last hour"
  />
</Message>;
PropTypeDescription
urlstringRequired image URL.
altstringAccessible alternative text.

Managed Slack renders an image block. Managed Teams renders an Adaptive Card image. The provider client must be able to fetch the URL without your application's private cookies or headers. Use thread.postFile() when the image must be uploaded as bytes.