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 define it inside the Gantt tag.

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

const data = getData();

export default function App() {
  const [readonly, setReadonly] = useState(true);

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