Insert Image Editor
Adds a image editor
import { CanvasGrid, SpreadsheetProvider } from "@rowsncolumns/spreadsheet"
import { useSpreadsheet, InsertImageDialog, InsertImageEditor } from "@rowsncolumns/spreadsheet-state"
const Spreadsheet = () => {
const {
activeSheetId,
activeCell,
selections,
onInsertImage,
onRequestInsertImage
} = useSpreadsheetState({})
return (
<>
<button onClick={() => onRequestInsertImage()}>Insert image</button>
<InsertImageDialog>
<InsertImageEditor
sheetId={activeSheetId}
activeCell={activeCell}
selections={selections}
onInsertImage={onInsertImage}
/>
</InsertImageDialog>
</>
)
}
const App = () => (
<SpreadsheetProvider>
<Spreadsheet />
</SpreadsheetProvider>
)
Last updated