스프레드시트 편집기

import { useState } from "react";

import { createSpreadsheetWorkbook } from "@nexia/sdk";
import { NxSpreadsheetEditor } from "@nexia/sdk/host";

export function SpreadsheetEditorExample() {
    const [workbook, setWorkbook] = useState(() =>
        createSpreadsheetWorkbook("production-plan", "Production plan", [
            ["Work order", "Line", "Status"],
            ["WO-1042", "Cutting", "Running"],
            ["WO-1043", "Assembly", "Waiting"],
        ])
    );

    return (
        <NxSpreadsheetEditor
            value={workbook}
            onChange={setWorkbook}
            ariaLabel="Production plan spreadsheet"
        />
    );
}12345678910111213141516171819202122