Back to Copilotkit

Image

showcase/shell-docs/src/content/reference/channels/components/Image.mdx

1.64.2657 B
Original Source

Image adds an externally reachable image to a rich message.

tsx
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.