Read-only mode

info

In this mode you cannot create and edit tasks and links, and drag task bars.

To make the entire Gantt read-only, set the readonly property to true and pass it to the Gantt component.

import { useState } from "react";
import { getData } from "./data";
import { Gantt } from "@svar-ui/react-gantt";

const data = getData();

export default function ReadOnlyExample() {
  const [readonly] = useState(true);

  return <Gantt tasks={data.tasks} readonly={readonly} />;
}

---

Related sample: Read-only mode