Skip to main content

taskTypes

Description​

Optional. An array of objects containing the tasks types data

Usage​

taskTypes?: {
  id: string;
  label?: string;
}[];

Parameters​

  • id - (required) the task type ID: "task", "summary", "milestone" or any custom task type
  • label - (optional) the task type name shown in the UI

Example​

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

const data = getData();
const taskTypes = [
  { id: "task", label: "Project Task" },
  { id: "summary", label: "Project" },
  { id: "milestone", label: "Milestone" },
];

export default function App() {
  return <Gantt tasks={data.tasks} taskTypes={taskTypes} />;
}
info

Instructions with an example of adding a new custom task type you can find here: Adding a custom task type

Related article: Defining task types