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.

<script setup>
  import { getData } from "./data";
  import { Gantt } from "@svar-ui/vue-gantt";
  
  const data = getData();
  
  const readonly = true;      
</script>    

<template>
  <Gantt :tasks="data.tasks" :readonly="readonly" />
</template>

---

Related sample: Read-only mode