Skip to main content

defaultTaskTypes

Description​

An array of default task types

Default config​

defaultTaskTypes = [
  { id: "task", label: "Task" },
  { id: "summary", label: "Summary task" },
  { id: "milestone", label: "Milestone" },
];

Example​

To modify default task types, import defaultTaskTypes, and then apply the taskTypes property to make changes to task types.

<script>
  import { Gantt, Editor, defaultTaskTypes } from "wx-svelte-gantt";

  let api;

  const taskTypes = [
   ...defaultTaskTypes,
   { id: "urgent", label: "Urgent" },
   { id: "narrow", label: "Narrow" },
   { id: "progress", label: "Progress" },
   { id: "round", label: "Rounded" }, 
  ];
</script>

<Gantt bind:this={api} {taskTypes} />
<Editor {api} />

Related articles: