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.

import { useState } from "react";
import { Gantt, Editor, defaultTaskTypes } from "@svar-ui/react-gantt";

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

function App() {
  const [api, setApi] = useState(null);

  return (
    <>
      <Gantt init={setApi} taskTypes={taskTypes} />
      <Editor api={api} />
    </>
  );
}

Related articles: