Embedded content

Embed external content, pictures and drawings

<CanvasGrid
  embeds={[
    {
      embedId: 1,
      position: {
        sheetId: 1,
        overlayPosition: {
          anchorCell: { rowIndex: 2, columnIndex: 3},
          widthPixels: 500,
          heightPixels: 500,
          offsetXPixels: 0,
          offsetYPixels: 0,
        },
      },
      borderColor: "transparent",
      lockAspectRatio: true,
      spec: {
        type: "image",
        imageUrl: "https://www.google.com/images/srpr/logo3w.png",
      },
    }
  ]}
  getEmbedComponent={(props: EmbedComponentProps) => {
    return (
      <div>My Embed component</div>
    )
  }}
/>

Currently, there is no UI to add/edit embeds

Drag and Drop images

If you press and hold the Shift key and drag images on to the spreadsheet, they will be added on top of the sheet.