react-spreadsheet/__fixtures__/Readonly.js

Simple, customizable yet performant spreadsheet for React

import { createFixture } from "react-cosmos";
import Spreadsheet, {
  createEmptyMatrix
} from "../src/SpreadsheetStateProvider";
import "./index.css";

export const INITIAL_ROWS = 6;
export const INITIAL_COLUMNS = 4;

Spreadsheet.displayName = "Spreadsheet";

const data = createEmptyMatrix(INITIAL_ROWS, INITIAL_COLUMNS);
data[0][0] = { readOnly: true, value: "Read Only" };

export default createFixture({
  component: Spreadsheet,
  name: "Readonly",
  props: {
    data
  }
});