Image
Renders an AI SDK generated image from base64.
import { Image } from "@cynco-labs/ui/ai";Example
import { Image } from "@cynco-labs/ui/ai";
export default function ImageDemo() {
return (
<Image
base64="iVBORw0KGgoAAAANSUhEUgAAAKAAAABgCAIAAAAVRe7OAAABlElEQVR4Xu3bQQ6CMBQA0WKMZ3LloTyFKw/lsdxoDIlhye+n2g7z1jYURzDYOt3OryKuA/fU9GFgOAPDGRjOwHAGhjMwnIHhDAxnYDgDwxkYzsBwBoYzMJyB4QwMZ2A4A8Mdq8/v+niuH3u/nNa/eFs7n+dUseku9JYt/Tiz83RPFl/4O7j6siglNTbKec7CgTUWA8MZGM7AcAaGMzCcgeEMDGdgOAPDGRjOwHAGhjMwXDhwZtE+MzYqc6zM2KjMsdaMDQfWWGq27MxCK+prPmuN7Hye9YE1BG/RcAaGMzCcgeEMDGdguPr/JrWw82fWFnp5Dg6lXfrxTyijzPPLWzRcF4GrL4voL6ZJo8xzqYvAasfAcAaGMzCcgeEMDGdgOAPDGRjOwHAGhjMwnIHhDAzXReDMon1mbFTmWJmxGV0EVju9bNmZhVbU/3VNDDTPUjoLrM15i4YzMJyB4QwMZ2A4A8MZGM7AcAaGMzCcgeEMDGdgOAPDGRjOwHAGhjMwnIHhDAxnYDgDwxkYzsBwBoYzMNwbRDVX90h9k24AAAAASUVORK5CYII="
uint8Array={new Uint8Array()}
mediaType="image/png"
alt="Generated chart"
className="h-24 w-auto rounded-lg border"
/>
);
}Use
Images returned by an image model.
Props
base64, mediaType, uint8Array, alt, className.